Hur du lägger till Asyntai AI-chattbot i Ghost
Steg-för-steg-guide för Ghost CMS-webbplatser
Steg 1: Hämta din inbäddningskod
Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.
Steg 2: Använda kodinjektion (rekommenderas)
Ghost har en inbyggd kodinjektionsfunktion som gör det mycket enkelt att lägga till anpassade skript:
- Logga in på din Ghost Admin Panel
- Klicka på kugghjulsikonen (Inställningar) i det nedre vänstra hörnet
- Scrolla ner till avsnittet "Advanced"
- Klicka på "Code injection"
- I avsnittet "Site footer", klistra in din Asyntai-inbäddningskod
- Klicka på "Save" i övre högra hörnet
Tips: Att lägga till JavaScript i sidfoten (snarare än sidhuvudet) säkerställer att det laddas efter sidinnehållet, vilket rekommenderas för chattwidgetar och inte bromsar sidladdningen.
Alternativ: Sidspecifik kodinjektion
Om du bara vill ha chattboten på specifika sidor eller inlägg:
- Öppna inlägget eller sidan som du vill lägga till chattboten på
- Klicka på inställningsikonen (kugghjul) i det övre högra hörnet
- Scrolla ner för att hitta "Code injection"
- Expandera avsnittet och klistra in din Asyntai-inbäddningskod i fältet "Post footer"
- Klicka utanför fältet för att spara och publicera/uppdatera sedan ditt inlägg
Obs! Sidinjektion av kod är användbar om du bara vill ha chattboten på vissa sidor snarare än på hela webbplatsen.
Alternativ: Redigera temafiler (för självhostade)
Om du har en egenhostad Ghost och föredrar att redigera temafiler direkt:
- Åtkomst till dina Ghost-installationsfiler via FTP eller filhanteraren
- Navigera till din temamapp:
content/themes/your-theme/ - Öppna filen default.hbs (huvudlayoutfilen)
- Hitta den avslutande taggen
</body> - Klistra in din Asyntai-inbäddningskod precis före taggen
</body> - Spara filen
- Starta om Ghost eller rensa cachen
Viktigt: Att redigera temafiler direkt rekommenderas inte om det inte är nödvändigt. Ändringar kan skrivas över vid temauppdateringar. Kodinjektionsmetoden är att föredra eftersom den överlever temauppdateringar.
Steg 3: Verifiera installationen
Efter att du har sparat dina ändringar, besök din Ghost-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.
Ser du inte widgeten? Se till att du klickade på "Save" efter att du lagt till koden i Code Injection. Försök rensa webbläsarens cache eller visa sidan i ett inkognitofönster. Om du använder Ghost(Pro) bör ändringarna synas direkt. För självhostad Ghost kan du behöva starta om Ghost-tjänsten.
Weebly