Slik legger du til Asyntai AI-chatbot i Ghost

Trinn-for-trinn-guide for Ghost CMS-nettsteder

Hent innebyggingskode

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Bruk av kodeinjeksjon (anbefalt)

Ghost har en innebygd kodeinjeksjonsfunksjon som gjør det veldig enkelt å legge til egendefinerte skript:

  1. Logg inn på Ghost-administrasjonspanelet ditt
  2. Klikk på tannhjulikonet (innstillinger) nederst til venstre
  3. Bla ned til seksjonen «Advanced»
  4. Klikk på «Code injection»
  5. I seksjonen «Site footer» limer du inn Asyntai-innbyggingskoden
  6. Klikk på «Save» øverst til høyre

Tips: Å legge til JavaScript i bunnteksten på nettstedet (i stedet for toppteksten) sikrer at det lastes inn etter sideinnholdet, noe som er anbefalt for chat-widgeter og ikke vil bremse sideinnlastingen.

Alternativ: Sidespesifikk kodeinjeksjon

Hvis du bare vil ha chatboten på bestemte sider eller innlegg:

  1. Åpne innlegget eller siden du vil legge til chatboten på
  2. Klikk på innstillingsikonet (tannhjul) øverst til høyre
  3. Bla ned for å finne «Code injection»
  4. Utvid seksjonen og lim inn Asyntai-innbyggingskoden i feltet «Post footer»
  5. Klikk utenfor feltet for å lagre, og deretter publiser/oppdater innlegget ditt

Merk: Sidespesifikk kodeinjeksjon er nyttig hvis du bare vil ha chatboten på bestemte sider i stedet for hele nettstedet.

Alternativ: Rediger temafiler (for selvhostet)

Hvis du selvhoster Ghost og foretrekker å redigere temafiler direkte:

  1. Få tilgang til Ghost-installasjonsfilene via FTP eller filbehandler
  2. Naviger til temamappen din: content/themes/your-theme/
  3. Åpne default.hbs-filen (hovedlayoutfilen)
  4. Finn den avsluttende </body>-taggen
  5. Lim inn Asyntai-innbyggingskoden din rett før </body>-taggen
  6. Lagre filen
  7. Start Ghost på nytt eller tøm hurtigbufferen

Viktig: Direkte redigering av temafiler anbefales ikke med mindre det er nødvendig. Endringer kan bli overskrevet når du oppdaterer temaet. Code Injection-metoden foretrekkes da den overlever temaoppdateringer.

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene, besøk Ghost-nettstedet ditt i en ny nettleserfane eller i et inkognitovindu. Du bør se chat-widget-knappen nederst til høyre. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.

Ser du ikke widgeten? Sørg for at du klikket «Save» etter at du la til koden i Code Injection. Prøv å tømme nettleserens hurtigbuffer eller vis siden i et inkognitovindu. Hvis du bruker Ghost(Pro), skal endringene vises umiddelbart. For selvhostet Ghost må du kanskje starte Ghost-tjenesten på nytt.