So fügen Sie den Asyntai-KI-Chatbot zu Google Sites hinzu

Schritt-für-Schritt-Anleitung für Google Sites

Plattform:

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zuerst zu Ihrem Asyntai-Dashboard und scrollen Sie nach unten zum Abschnitt „Embed Code“. Kopieren Sie Ihren eindeutigen Einbettungscode, der so aussieht:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Hinweis: Der obige Code ist nur ein Beispiel. Sie müssen Ihren eigenen einzigartigen Einbettungscode von Ihrem Dashboard kopieren, da er Ihre persönliche Widget-ID enthält.

Schritt 2: Code mit der Einbettungsfunktion hinzufügen

Google Sites verwendet eine Einbettungsfunktion, um benutzerdefinierten HTML- und JavaScript-Code hinzuzufügen:

Öffnen Sie Ihre Website am Computer in Google Sites
Navigieren Sie zu der Seite, auf der Sie den Chatbot hinzufügen möchten
Klicken Sie im rechten Bereich auf „Insert“
Wählen Sie "Embed" aus den Optionen
Klicken Sie oben auf den Tab "Embed code"
Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
Klicken Sie auf "Next", um eine Vorschau zu sehen
Klicken Sie auf "Einfügen", um den Code zu Ihrer Seite hinzuzufügen
Klicken Sie oben rechts auf "Publish", um Ihre Änderungen zu veröffentlichen

Tipp: Google Sites umschließt Einbettungen mit einem iFrame, sodass der Chatbot innerhalb des Einbettungsbereichs erscheint und nicht fest an der Browser-Ecke fixiert ist. Für die beste Erfahrung platzieren Sie das Einbettungselement ganz unten auf Ihrem Seiteninhalt, damit der Chatbot-Button leicht zu finden ist.

Hinzufügen auf mehreren Seiten

Um den Chatbot auf mehreren Seiten Ihrer Google-Website hinzuzufügen:

Wiederholen Sie den Einbettungsprozess für jede Seite, auf der Sie den Chatbot möchten
Bei Websites mit vielen Seiten sollten Sie es zunächst auf Ihren Haupt-Landingpages hinzufügen

Hinweis: Google Sites hat keinen zentralen Ort für Code, der für die gesamte Website gilt. Fügen Sie den Einbettungscode auf jeder Seite ein, auf der der Chatbot erscheinen soll.

Wie Google Sites eingebetteten Code verarbeitet

So verarbeitet Google Sites Ihren Code:

Google Sites zeigt Ihren Code in einem <iframe>-Element an
JavaScript muss sich innerhalb von <script>-Tags befinden (was Ihr Asyntai-Code bereits enthält)
Sie können auf externe JavaScript-Dateien verweisen (wie das Asyntai-Widget)

Wichtig: Da Google Sites den Code in einem iframe anzeigt, können sich manche Funktionen anders verhalten als auf anderen Websites. Der Asyntai-Chatbot ist dafür ausgelegt, in diesem iframe zu funktionieren.

Schritt 3: Installation überprüfen

Rufen Sie nach dem Veröffentlichen Ihrer Änderungen Ihre Google Site in einem neuen Browser-Tab oder Inkognito-Fenster auf. Sie sollten die Schaltfläche des Chat-Widgets im Einbettungsbereich der Seite sehen. Klicken Sie darauf, um sicherzustellen, dass es sich öffnet und richtig funktioniert.