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 ...

    • Eigene Parameter in der Chatbot-Antwort verwenden

      Neben einfachen FAQ-Antworten kann man mit Kiko Chatbots auch berechnete Antworten ausgeben. Dafür wird die Nutzeranfrage zusammen mit weiteren Parametern an den eigenen Webservice (=externer Subbot) gesendet. Unter diesen Parametern befindet sich ...

    • 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 ...