Webchat auf der Webseite

Webchat auf der Webseite

Eine ausführliche Entwicklerdokumentation, wie Sie den Chat auf einer Webseite einbinden, finden Sie über das Bot-CMS unter dem Menüpunkt Dokumentation.

Über den Link Einbinden des Chats finden Sie einen Einstieg mit Code-Beispielen.

Fügen Sie den gezeigten Javascript-Code möglichst weit oben im <body> einer HTML-Seite ein, damit die Anwendung schnell geladen und initialisiert wird.

In der folgenden Funktion übergeben Sie innerhalb der geschweiften Klammern die Einstellungen für den Chat in JSON-Notation. Die Spezifikation dazu finden Sie in der Dokumentation im CMS unter Konfiguration.

  1. window.$chatbot = new TGDChatBot({ });

Cookies und Local Storage

Der Webchat benötigt für die eigene Funktion folgende Cookies:
  1. "io" - Zweck: Chat-Funktionalität - Inhalt: Chat-Identifier - Dauer: Browser-Session
Der Webchat benötigt weiterhin für die eigene Funktion folgende "Local Storage"-Einträge:
  1. "lang" - Zweck: Fortsetzung der Konversation in der bisherigen Nutzer-Sprache - Inhalt: Sprachkürzel - Dauer: unbegrenzt
  2. "identifier"  - Zweck: Fortsetzung der Konversation mit dem bisherigen Chatbot - Inhalt: Bot-Identifier - Dauer: unbegrenzt
  3. "conversationId" - Zweck: Fortsetzung der letzten Konversation  - Inhalt: Conversation-Identifier - Dauer: unbegrenzt
Im Webchat-Konfigurator lassen sich individuelle Einstellungen über die Speicherung der Konversation hinterlegen. Nutzen Sie dafür Befehle wie "clearLocalStorage". (siehe Doku: https://1000grad-49f9319.prod.1000grad.de/chat/docs/#/configuration) oder beim Einbinden des Webchats z.B. "persistConversation".  
Die Local Storage Technik wird auch „Lokale Daten“ und „Lokaler Speicher“ genannt. Daten werden dabei lokal im Cache des Browsers gespeichert, bis der Cache gelöscht wird. Auch nach dem Schließen des Browser-Fensters oder dem Beenden des Programms bleiben diese Daten weiterhin bestehen und können von der Anwendung ausgelesen werden.


    • Related Articles

    • Webchat-Widget auf Mobirise-Website integrieren

      In dieser Anleitung erfahren Sie, wie Sie das Kiko-Chatbot-Widget auf einer Mobirise-Website integrieren. Mobirise ist ein kostenfreier Offline Website Baukasten für Windows oder Mac (Freeware). Kleine mobile-optimierte Seiten können mit wenigen ...
    • Webchat Widget bei Inaktivität mit Verzögerung öffnen

      Weil das Chatbot-Widget nur ein kleines Element auf der Webseite ist, kann es übersehen werden. Manchmal ist es daher sinnvoll, das Widget nach bestimmten Bedingungen zu öffnen. Dem Nutzer kann dann z.B. Unterstützung per Chat angeboten werden. Dabei ...
    • Webchat-Widget abhängig von der Fensterbreite positionieren (responsiv)

      Moderne Webseiten passen das eigene Layout an die Größe des aktuellen Fensters an. Dabei kann es zu einer Überlappung des Widgets mit einem anderen Layout-Element der Hintergrund-Seite kommen. Eine mögliche Lösung für dieses Darstellungsproblem ist ...
    • Mehrfachfunktionen der Botliste

      Über das Aktionen Menü oben rechts in der Botliste können Sie einige Funktionen auch gleichzeitig für mehrere Bots ausführen. So gehen Sie vor: Aktivieren Sie für die gewünschten Bots die Checkboxen links neben der Spalte Name. Klicken Sie auf das ...
    • Aufbau der Benutzeroberfläche

      Das CMS ist in die folgenden drei Bereiche gegliedert: das Metamenü oben, das Hauptmenü links und und einen großen Arbeitsbereich.  Metamenü  Im Metamenü oben finden Sie drei Elemente, die wir Ihnen kurz vorstellen. Wichtige Informationen zur ...