Asyntai AI -chatbotin lisääminen Ghost-alustalle
Vaiheittainen opas Ghost CMS -verkkosivustoille
Vaihe 1: Hanki upotuskoodisi
Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas "Upotuskoodi"-osioon. Kopioi yksilöllinen upotuskoodisi, joka näyttää tältä:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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:
- Kirjaudu Ghost-hallintapaneeliin
- Napsauta rataskuvaketta (Asetukset) vasemmassa alakulmassa
- Vieritä alas \"Advanced\" -osioon
- Napsauta \"Code injection\"
- Liitä Asyntai-upotuskoodisi \"Site footer\" -osioon
- 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:
- Avaa julkaisu tai sivu, jolle haluat lisätä chatbotin
- Napsauta asetuskuvaketta (hammasratas) oikeassa yläkulmassa
- Vieritä alaspäin löytääksesi "Code injection"
- Laajenna osio ja liitä Asyntai-upotuskoodisi "Post footer" -kenttään
- 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:
- Avaa Ghost-asennustiedostot FTP:n tai tiedostonhallinnan kautta
- Siirry teemakansioon:
content/themes/your-theme/ - Avaa default.hbs-tiedosto (pääasettelutiedosto)
- Etsi sulkeva
</body>-tagi - Liitä Asyntai-upotuskoodisi juuri ennen
</body>-tagia - Tallenna tiedosto
- 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.
Weebly