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 zunächst zu Ihrem Asyntai Dashboard und scrollen Sie zum Abschnitt "Einbettungscode". Kopieren Sie Ihren einzigartigen Einbettungscode, der so aussieht:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 in der rechten Seitenleiste (oder im oberen Menü) 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
Alternativ können Sie die Einbettung zu einem Header- oder Footer-Bereich hinzufügen, wenn Ihr Template dies unterstützt
Bei Websites mit vielen Seiten sollten Sie es zunächst auf Ihren Haupt-Landingpages hinzufügen

Hinweis: Anders als einige andere Plattformen verfügt Google Sites nicht über einen einzelnen "websiteweiten" Code-Injection-Punkt. Sie müssen den Einbettungscode auf jeder Seite hinzufügen, auf der der Chatbot erscheinen soll, oder einen benutzerdefinierten Header/Footer verwenden, wenn Ihr Theme dies unterstützt.

Wie Google Sites eingebetteten Code verarbeitet

So verarbeitet Google Sites Ihren Code:

Google Sites umschließt Ihren Code mit einem <iframe>-Element in einer Sandbox-Umgebung
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)
Die Einbettungsfunktion ist weniger restriktiv als die HTML-Box des klassischen Google Sites
Eingebetteter Code wird in der Website-Suche nicht indexiert

Wichtig: Aufgrund der iFrame-Sandbox von Google Sites können sich einige erweiterte Funktionen anders verhalten als auf herkömmlichen Websites. Der Asyntai-Chatbot ist so konzipiert, dass er innerhalb dieser Einschränkungen funktioniert.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Veröffentlichen Ihrer Änderungen Ihre Google-Website in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.