So fügen Sie den Asyntai AI Chatbot zu Ghost hinzu

Schritt-für-Schritt-Anleitung für Ghost-CMS-Websites

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: Verwendung von Code-Injection (Empfohlen)

Ghost verfügt über eine integrierte Code-Injection-Funktion, die das Hinzufügen benutzerdefinierter Scripts sehr einfach macht:

Melden Sie sich in Ihrem Ghost-Admin-Panel an
Klicken Sie auf das Zahnrad-Symbol (Einstellungen) in der unteren linken Ecke
Scrollen Sie nach unten zum Abschnitt "Advanced"
Klicken Sie auf "Code injection"
Fügen Sie im Abschnitt "Site footer" Ihren Asyntai-Einbettungscode ein
Klicken Sie oben rechts auf "Save"

Tipp: Das Hinzufügen von JavaScript zum Site Footer (anstatt zum Site Header) stellt sicher, dass es nach dem Seiteninhalt geladen wird, was für Chat-Widgets empfohlen wird und das Laden Ihrer Seite nicht verlangsamt.

Alternative: Seitenspezifische Code-Injection

Wenn Sie den Chatbot nur auf bestimmten Seiten oder Beiträgen möchten:

Öffnen Sie den Beitrag oder die Seite, zu der Sie den Chatbot hinzufügen möchten
Klicken Sie auf das Einstellungssymbol (Zahnrad) in der oberen rechten Ecke
Scrollen Sie nach unten, um "Code-Injection" zu finden
Erweitern Sie den Abschnitt und fügen Sie Ihren Asyntai-Einbettungscode im Feld "Post footer" ein
Klicken Sie außerhalb des Feldes zum Speichern und dann auf publish/update für Ihren Beitrag

Hinweis: Seitenspezifische Code-Injection ist nützlich, wenn Sie den Chatbot nur auf bestimmten Seiten und nicht auf Ihrer gesamten Website haben möchten.

Alternative: Theme-Dateien bearbeiten (Für Self-Hosted)

Wenn Sie Ghost selbst hosten und Theme-Dateien direkt bearbeiten möchten:

Greifen Sie per FTP oder Dateimanager auf Ihre Ghost-Installationsdateien zu
Navigieren Sie zu Ihrem Theme-Ordner: content/themes/ihr-theme/
Öffnen Sie die Datei default.hbs (die Haupt-Layout-Datei)
Suchen Sie das schließende </body>-Tag
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
Speichern Sie die Datei
Starten Sie Ghost neu oder leeren Sie den Cache

Wichtig: Das direkte Bearbeiten von Theme-Dateien wird nicht empfohlen, es sei denn, es ist notwendig. Änderungen können beim Aktualisieren Ihres Themes überschrieben werden. Die Code-Injection-Methode wird bevorzugt, da sie Theme-Updates übersteht.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihre Ghost-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.