Sie haben JavaScript deaktiviert. Vermutlich sind Sie ein Kollege und wollen nur sehen, ob meine Website auch ohne JavaScript funktioniert.
Andernfalls: Bitte aktivieren Sie JavaScript!

webdesign weisshart Startseite

zurück zum Standard-Style

Support-Chat einrichten

Hinweis:
Dieser Artikel ist älter als 18 Monate / wurde seit 18 Monaten nicht aktualisiert. Dies kann (muss aber nicht) dazu führen, dass der Artikel, und / oder darin beschriebene Techniken, nicht mehr aktuell sind. Bitte berücksichtigen Sie diesen Hinweis bei der Lektüre.

Den Chat als Support-Chat einrichten

Wenn der Chat als Support-Chat benutzt wird, dann ist es erforderlich, die Anwesenheit / Verfügbarkeit eines Supporters für die möglichen User / Kunden kenntlich zu machen, und zwar bereits vor dem Betreten des Chatrooms.
Der Chat ist dafür vorbereitet. Die Anzeige kann in jede .html oder .php-Seite eingefügt werden.

1) Anzeige der Support-Verfügbarkeit (für den User / Kunden)

Dazu muss der folgende Code in die Seite eingefügt werden, am besten unmittelbar vor das schließende </html>-Tag:

<script> var testObj = null; testObj = new XMLHttpRequest(); function eineFunktion() { if (testObj.readyState == 4) { if (testObj.responseText == 1) { document.getElementById("support_online").innerHTML = 'Support im Chat ist jetzt verfügbar. :-)'; } else { document.getElementById("support_online").innerHTML = 'Momentan ist leider kein Supportmitarbeiter im Chat erreichbar. :-('; } } } function update() { testObj.open("GET", "/chat/support_online.php"); testObj.onreadystatechange = eineFunktion; testObj.send(null); window.setTimeout(update,10000); } window.onload = update(); </script>

An die Stelle, wo die Meldung gezeigt werden soll, muss dann noch dieses Code-Snippet:

<p id="support_online"> </p>

Woran erkennt nun dieses Script, dass ein Supporter anwesend ist? Dazu wird in der Datei chat_config.php eine neue Variable eingefügt:

$supporter = array('Support','Supporter2'); // Für Support-Chat: Supporter, die als online gezeigt werden sollen.

In diese Array-Variable werden (an Stelle von 'Support','Supporter2') die Chat-Nicknames aller Supporter eingetragen. Sobald nun einer dieser Supporter im Chatroom ist, wird in der externen Datei die Verfügbarkeit angezeigt.

Demo:

Die im Download-zip enthaltene Datei support.html

Das war's eigentlich schon. Es geht aber noch eleganter:

Im Ordner /support_online gibt es die Datei supporter_online.php. Beim Aufruf dieser Datei im Browser (mit http://pfad_zum_chat/support_online/supporter_online.php) gibt es die Möglichkeit, die Verfügbarkeit von Support auch zu signalisieren, ohne dass der Supporter permanent den Chatroom geöffnet halten muss.

Screencast der Datei supporter_online.php:

In Aktion [Screencast]: Die Datei supporter_online.php in einem angepinnten Firefox-Tab. Der Status wird visuell (Farbänderung des Icons im Tab) und akustisch avisiert. Im Screencast wird folgender Text gezeigt: "Support im Chat verfügbar? Wenn die folgende Checkbox aktiviert wird, kann in einer beliebigen externen Datei angezeigt werden, dass ein Supporter im Chat verfügbar ist. Deaktivieren der Checkbox, oder Schließen dieser Datei zeigt den Support als "nicht verfügbar". Die Datei support.html im Ordner /chat dient als Demo. (Die Aktualisierung der Anzeige kann dort bis zu 20 Sekunden verzögert sein.) Im Quelltext dieser Datei ist die Verwendung der Funktion beschrieben. Hinweis: Wenn die Funktion $supporter (chat_config) benutzt wird, hat sie den Vorrang, und überschreibt ggf. die Einstellung der Checkbox auf dieser Seite. Checkbox: Verfügbarkeit anzeigen" Anmerkung: Beim An- und Abwählen der Checkbox wird der jeweilige Status angesagt.

Hinweis: Der Ordner /support_online ist per default mit einem .htaccess-Passwortschutz versehen, um Missbrauch zu verhindern. Das voreingestellte Passwort in der Datei .htpasswd muss vom Admin geändert werden.

2) Hinweis (für den Supporter), dass ein User / Kunde den Support-Chat betritt

In einem Support-Chat ist es unerlässlich, dass der Supporter zuverlässig informiert wird, wenn ein User den Chatraum betritt. Die Möglichkeiten dazu:

Creative Commons Lizenzvertrag

Artikeltexte und Code-Snippets: Creative Commons CC BY-SA 4.0
Medien (Bilder, Videos, Audios) sind evtl. urheberrechtlich geschützt.

2 Kommentare

  1. Jürgen Gröning schrieb am Montag, 06.02.17 14:08 Uhr:

    hallo,
    Leider konnte ich bei Ihren Chat nicht erkennen wo ich die Dateien hin platzieren muss und welchen verweis ich im HTML machen muss.
    Könnten Sie mir das schreiben ?
    Danke.
    Jürgen Gröning

  2. Lukas Richter schrieb am Samstag, 18.05.19 21:22 Uhr:

    hallo wie kann ich mich alas supporter einloggen bitte um schnelle hilfe

Über Ihren Kommentar zu diesem Artikel freue ich mich.
Wenn Sie aber Fragen haben, und eine Antwort erwarten, nutzen Sie bitte das Supportforum! Die Nutzung des Forums ist auch ohne Registrierung möglich.

? Anweisungen zur Eingabe von BB Code Wenn Javascript verfügbar ist, können Sie die obigen Schaltflächen zum Einfügen der folgenden Steuercodes verwenden (an der Cursorposition oder um gegebenenfalls markierten Text):

[b]als wichtig <strong>[/b] hervorgehobener Text
[c]Quellcode[/c] oder optisch hervorgehobenes Zitat