Hur du lägger till Asyntai AI-chattbot i Ghost

Steg-för-steg-guide för Ghost CMS-webbplatser

Hämta inbäddningskod

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 instrumentpanel 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:

  1. Logga in på din Ghost Admin Panel
  2. Klicka på kugghjulsikonen (Inställningar) i det nedre vänstra hörnet
  3. Scrolla ner till avsnittet "Advanced"
  4. Klicka på "Code injection"
  5. I avsnittet "Site footer", klistra in din Asyntai-inbäddningskod
  6. 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:

  1. Open the post or page you want to add the chatbot to
  2. Click the settings icon (gear) in the top right corner
  3. Scrolla ner för att hitta "Code injection"
  4. Expandera avsnittet och klistra in din Asyntai-inbäddningskod i fältet "Post footer"
  5. 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)

If you're self-hosting Ghost and prefer to edit theme files directly:

  1. Åtkomst till dina Ghost-installationsfiler via FTP eller filhanteraren
  2. Navigera till din temamapp: content/themes/your-theme/
  3. Open the default.hbs file (the main layout file)
  4. Hitta den avslutande taggen </body>
  5. Klistra in din Asyntai-inbäddningskod precis före taggen </body>
  6. Spara filen
  7. 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.