Takaisin hallintapaneeliin

Dokumentaatio

Opi käyttämään Asyntai

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. Napsauta asetuskuvaketta (hammasratas) oikeassa yläkulmassa
  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.