Beispielcode für selbstgehostetes Instant Chat
Im Folgenden finden Sie einen Beispielcode für einen selbst gehosteten Instant Chat.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>YourCompany - Web Chat</title> <script type="text/javascript" src="https://secure.logmeinrescue.com/InstantChat/InstantChat.aspx"></script> <script type="text/javascript"> function loadInstantChat(sessionType) { // Show Instant Chat document.getElementById("InstantChatDiv").style.display = ""; // Hide Channel form document.getElementById("ChannelForm").style.display = "none"; // Hide PIN Code form document.getElementById("PinForm").style.display = "none"; // Hide Language dropdown document.getElementById("LanguageForm").style.display = "none"; var ICLoader = new logmeinRescueInstantChatLoader(); ICLoader.ICContainer = "InstantChatDiv"; ICLoader.HostedCSS = "http://YourSite/yourstylesheet.css"; ICLoader.HostedLanguagesForChatOnlyMode = "http://[YourSite]/LanguagesForChatOnlyMode.js"; ICLoader.HostedLanguagesForAppletMode = "http://[YourSite]/LanguagesForAppletMode.js"; // The URL or domain name of [YourSite] must be allowlisted in the LogMeIn Rescue Administration Center. // Kontakt zu Ihrem LogMeIn Rescue Master Administrator! // sessionType == 0, we are after REBOOT // Channel session if (sessionType == 1) ICLoader.EntryID = "123456789"; // Private Session if (sessionType == 2) { var pin = document.getElementById("inputPinCode").value; if ((pin.length != 6) || isNaN(pin)) { handleError("Private code should be a 6-digit number!"); return; } else ICLoader.PrivateCode = document.getElementById("inputPinCode").value; } ICLoader.Name = document.getElementById("inputYourName").value; ICLoader.Comment1 = document.getElementById("inputEmailAddress").value; ICLoader.Comment2 = document.getElementById("inputPhoneNumber").value; ICLoader.Comment3 = document.getElementById("inputCompanyName").value; ICLoader.Comment4 = document.getElementById("inputLocation").value; ICLoader.Comment5 = document.getElementById("inputComment").value; ICLoader.Tracking0 = "TestForm01"; ICLoader.Language = document.getElementById("inputLanguageSelect").value; ICLoader.PostMessageTargetOrigin = null; //https://[YourSite].com<:443> // Error + No Technician available notification handling ICLoader.HostedErrorHandler = function(ErrorName) { switch(ErrorName) { case "NOTECHAVAILABLE": handleError("Currently no technicians are available. Bitte schauen Sie später noch einmal vorbei."); break; case "NOTECHWORKING": handleError("Tut uns leid, wir sind geschlossen. Zur Zeit sind keine Techniker verfügbar. Bitte schauen Sie später während unserer Geschäftszeiten noch einmal vorbei."); break; case "INVALID_PARAMETERS": handleError("Ungültige Parameter übergeben. Bitte kontaktieren Sie Ihren Support-Anbieter."); break; case "SESSIONALREADYSTARTED": handleError("Es wurde bereits eine Sitzung mit diesem PIN-Code gestartet. Bitte fragen Sie Ihren Support-Anbieter nach einem neuen PIN-Code."); break; case "UCONNECTIONERROR": handleError("Es ist ein unbekannter Fehler bei der Verbindung aufgetreten."); break; case "ERRNOSUCHSSESSION": handleError("Die Supportsitzung kann nicht gestartet werden."); break; case "ERRNOSUCHENTRY": handleError("Die Online-Supportsitzung kann nicht gestartet werden. Bitte wenden Sie sich direkt an Ihren Support-Anbieter."); break; case "ERRCODEDOESNOTEXIST": handleError("PIN-Code ist nicht vorhanden. Bitte kontaktieren Sie Ihren Support-Anbieter."); break; case "ERRCODEEXPIRED": handleError("Der PIN-Code ist abgelaufen. Bitte kontaktieren Sie Ihren Support-Anbieter."); break; case "ERRNOTEXPIRED": handleError("Techniker oder Unternehmen existiert nicht. Bitte kontaktieren Sie Ihren Support-Anbieter."); break; case "ERRMISSINGTECHLICENSE": handleError("Die Supportsitzung kann nicht gestartet werden. Der Techniker ist nicht für die Unterstützung dieses Gerätetyps konfiguriert."); break; } } ICLoader.Start(); } // Automatisch starten Instant Chat nach REBOOT function handleReboot() { if ((window.Standort + "").indexOf("LogMeIn Rescuewebsessionid") != -1) loadInstantChat(0); if (window.Standort.hash.length == webSessionIdLength + 1) loadInstantChat(0); } // Fehlermeldungen anzeigen function handleError(ErrorDescription) { // Ausblenden Instant Chat document.getElementById("InstantChatDiv").style.display = "none"; // Anzeigen ErrorForm var ef = document.getElementById("ErrorForm"); ef.style.display = ""; ef.innerHTML = FehlerDescription; } </script> </head> <body onload="handleReboot();" style="background-color: #000000; font-family:tahoma, arial, verdana; color: #FFFFFF"> <noscript> <div style="position: absolute; left: 0px; top: 0px; width: 700px; height: 700px; zindex: 1; background-color: #000000"> Um die Instant Chat Funktion zu nutzen, stellen Sie bitte sicher, dass Sie JavaScript in Ihrem Webbrowser aktiviert haben.<br /> Sobald Sie die Funktion aktiviert haben JavaScript aktualisieren Sie bitte diese Seite. </div> </noscript> <div id="ChannelForm" style="position: absolute; left: 100px; top: 100px; backgroundcolor: #303030; padding: 20px 20px 20px 20px"> Ihr Name<br /> <input id="inputYourName" type="text" maxlength="64" style="width: 200px" /><br /> E-Mail Adresse<br /> <input id="inputEmailAddress" type="text" maxlength="512" style="width: 200px" /><br /> Sprachtelefonnummer<br /> <input id="inputPhoneNumber" type="text" maxlength="512" style="width: 200px" /><br /> Firmenname<br /> <input id="inputCompanyName" type="text" maxlength="256" style="width: 200px" /><br /> Standort<br /> <input id="inputLocation" type="text" maxlength="64" style="width: 200px" /><br /> Kommentar<br /> <input id="inputComment" type="text" maxlength="64" style="width: 200px" /><br /><br /> <input type="button" value="Chat jetzt starten" onclick="loadInstantChat(1);" /> </div> <div id="PinForm" style="position: absolute; left: 400px; top: 100px; background-color: #303030; padding: 20px 20px 20px 20px"> Geben Sie Ihren 6-stelligen PIN Code<br /> <input id="inputPinCode" type="text" maxlength="64" style="width: 200px" /><br /><br /> <input type="button" value="Mit Techniker verbinden" onclick="loadInstantChat(2);" /> </div> <div id="LanguageForm" style="position: absolute; left: 400px; top: 260px; backgroundcolor: #303030; padding: 20px 20px 20px 20px"> Chat<br />Schnittstellensprache auswählen<br /> <select id="inputLanguageSelect" style="width: 200px"> <option value="en">Englisch</option> <option value="es">Español</option> <option value="de">Deutsch</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="nl">Nederlands</option> <option value="pt">Português</option> <option value="pt-br">Português (Br)</option> <option value="hu">Magyar</option> <option value="ru">Russisch</option> <option value="ja">Japanisch</option> <option value="ko">Koreanisch</option> <option value="zh">Vereinfachtes Chinesisch</option> <option value="zh-tw">Traditionelles Chinesisch</option> <option value="ar">Arabisch </option <option value="tr">Türk</option> <option value="pl">Polski</option> <option value="fi">Suomalainen</option> <option value="sv">Svensk</option> <option value="no">Norsk</option> <option value="he">Hebräisch</option> <option value="da">Dansk</option> <option value="cs">Tschechisch</option> </select> </div> <div id="ErrorForm" style="position: absolute; left: 100px; top: 100px; height: 200px; width: 300px; background-color: #303030; padding: 20px 20px 20px 20px; display: none"></div> <div id="InstantChatDiv" style="position: absolute; left: 100px; top: 100px; width: 285px; height: 259px; display: none"></div> </body> </html>
Note:
- Instant Chat verwendet immer den Dokumenttyp XHTML 1.0 Transitional, obwohl auch ältere HTML-Dokumenttypen unterstützt werden.
- Die folgende Leitung sollte immer auf InstantChat.aspx verweisen:
<script type="text/javascript" src="https://secure.GoToLogMeIn Rescue.com/InstantChat/InstantChat.aspx"></script> - ICContainer ist ein erforderlicher Parameter, der Instant Chat iframe wird in das ICContainer-Element geladen:
ICLoader.ICContainer = "ICContainer"; - Informationen zur Anpassung der Datei InstantChat.css finden Sie unter InstantChat.css anpassen.
- Sie können einen PrivateCode-Parameter anstelle des EntryID-Parameters definieren, um private Sitzungen zu starten in
ICLoader.EntryID = "1234567890"; - Sie können den Code der Standardsprache festlegen („en“ wird standardmäßig verwendet). Siehe auch Anpassen Instant Chat Sprachdateien.
Die folgenden Sprachen werden von GoTo angeboten:
Abkürzung (Wert) Sprache Abkürzung (Wert) Sprache en Englisch de Vereinfachtes Chinesisch de Spanisch zh-tw Traditionelles Chinesisch de Deutsch ar Arabisch de Französisch tr Türkisch it Italienisch pl Polnisch nl Niederländisch fi Finnisch pt Português sv Schwedisch pt-br Portugiesisch (Brasilien) no Norwegisch hu Ungarisch er Hebräisch ru Russisch da Dänisch de Japanisch cs Tschechisch de Koreanisch el Griechisch th Thailändisch ro Rumänisch bg Bulgarisch sk Slowakisch hr Kroatisch - Die gehostete Fehlerbehandlung funktioniert wie folgt:
- Löschen Sie die Funktion handleReboot, wenn Ihr ICContainer immer auf Ihrer Seite sichtbar ist:
Funktion handleReboot(){...} - Zeigen Sie Instant Chat automatisch nach dem Neustart an. Entfernen Sie diese Zeile, wenn Ihr ICContainer auf Ihrer Seite immer sichtbar ist:
if ((window.location + "").indexOf("LogMeIn Rescuewebsessionid") != - 1){document.getElementById("ICContainer").style.display="" ; loadInstantChat();} /* optional */
- Löschen Sie die Funktion handleReboot, wenn Ihr ICContainer immer auf Ihrer Seite sichtbar ist:
Article last updated: 11 July, 2023
You are viewing the latest version of this article.