Asyntai AI -chatbotin lisääminen Ghost-alustalle

Vaiheittainen opas Ghost CMS -verkkosivustoille

Hae upotuskoodi

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:

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

Huomautus: Yllä oleva koodi on vain esimerkki. Sinun on kopioitava oma yksilöllinen upotuskoodisi Hallintapaneelistasi, sillä se sisältää henkilökohtaisen widget-tunnuksesi.

Vaihe 2: Koodin lisäyksen käyttö (suositeltu)

Ghostissa on sisäänrakennettu koodin lisäysominaisuus, joka tekee mukautettujen skriptien lisäämisestä erittäin helppoa:

  1. Kirjaudu Ghost-hallintapaneeliin
  2. Napsauta rataskuvaketta (Asetukset) vasemmassa alakulmassa
  3. Vieritä alas \"Advanced\" -osioon
  4. Napsauta \"Code injection\"
  5. Liitä Asyntai-upotuskoodisi \"Site footer\" -osioon
  6. Napsauta \"Save\" oikeassa yläkulmassa

Vinkki: JavaScriptin lisääminen sivuston alatunnisteeseen (ylätunnisteen sijaan) varmistaa, että se latautuu sivun sisällön jälkeen, mikä on suositeltavaa chat-widgeteille eikä hidasta sivun latautumista.

Vaihtoehto: Sivukohtainen koodin lisäys

Jos haluat chatbotin vain tietyille sivuille tai julkaisuihin:

  1. Avaa julkaisu tai sivu, jolle haluat lisätä chatbotin
  2. Click the settings icon (gear) in the top right corner
  3. Vieritä alaspäin löytääksesi "Code injection"
  4. Laajenna osio ja liitä Asyntai-upotuskoodisi "Post footer" -kenttään
  5. Napsauta kentän ulkopuolelle tallentaaksesi ja sitten julkaise/päivitä julkaisusi

Huomautus: Sivukohtainen koodin lisäys on hyödyllinen, jos haluat chatbotin vain tietyille sivuille koko sivuston sijaan.

Vaihtoehto: Muokkaa teematiedostoja (itse ylläpidetyille)

Jos ylläpidät Ghostia itse ja haluat muokata teematiedostoja suoraan:

  1. Avaa Ghost-asennustiedostot FTP:n tai tiedostonhallinnan kautta
  2. Siirry teemakansioon: content/themes/your-theme/
  3. Avaa default.hbs-tiedosto (pääasettelutiedosto)
  4. Etsi sulkeva </body>-tagi
  5. Liitä Asyntai-upotuskoodisi juuri ennen </body>-tagia
  6. Tallenna tiedosto
  7. Käynnistä Ghost uudelleen tai tyhjennä välimuisti

Tärkeää: Teematiedostojen suoraa muokkaamista ei suositella, ellei se ole välttämätöntä. Muutokset saatetaan ylikirjoittaa teemaa päivitettäessä. Code Injection -menetelmä on suositeltava, sillä se säilyy teemapäivitysten yli.

Vaihe 3: Vahvista asennus

Tallenna muutokset ja avaa Ghost-sivustosi uudessa selainvälilehdessä tai incognito-ikkunassa. Chat-widget-painikkeen pitäisi näkyä oikeassa alakulmassa. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.

Etkö näe widgetiä? Varmista, että napsautit "Save" lisättyäsi koodin Code Injection -osioon. Kokeile tyhjentää selaimen välimuisti tai tarkastella sivua incognito-ikkunassa. Jos käytät Ghost(Pro)-palvelua, muutosten pitäisi näkyä heti. Itse isännöidyssä Ghostissa saatat joutua käynnistämään Ghost-palvelun uudelleen.