Asyntai AI -chatbotin lisääminen Google Sitesiin

Vaiheittainen opas Google Sitesille

Alusta:

Vaihe 1: Hanki upotuskoodisi

Siirry ensin Asyntai-hallintapaneeliin ja vieritä alas kohtaan "Embed Code". 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ääminen upotusominaisuudella

Google Sites käyttää upotusominaisuutta mukautetun HTML- ja JavaScript-koodin lisäämiseen:

Avaa sivustosi tietokoneella Google Sitesissa
Siirry sivulle, jolle haluat lisätä chatbotin
Napsauta oikeanpuoleisessa paneelissa "Insert"
Valitse "Upota" vaihtoehdoista
Napsauta "Upotuskoodi" -välilehteä yläosassa
Liitä Asyntai-upotuskoodisi tekstikenttään
Napsauta "Seuraava" esikatsellaksesi ulkoasua
Napsauta "Lisää" lisätäksesi koodin sivullesi
Napsauta \"Publish\" oikeassa yläkulmassa ottaaksesi muutokset käyttöön

Vinkki: Google Sites käärii upotukset iframe-elementtiin, joten chatbot näkyy upotusalueen sisällä eikä kiinnitettynä selaimen kulmaan. Parhaan kokemuksen saamiseksi sijoita upotuselementti sivun sisällön alareunaan, jotta chatbot-painike on helppo löytää.

Lisääminen useille sivuille

Chatbotin lisääminen useille sivuille Google Site -sivustollasi:

Toista upotusprosessi jokaiselle sivulle, jolle haluat chatbotin
Jos sivustollasi on paljon sivuja, harkitse lisäämistä ensin pääsivuille

Huomautus: Google Sitesissa ei ole yhtä paikkaa koodille, joka koskisi koko sivustoa. Lisää upotuskoodi jokaiselle sivulle, jolla haluat chatbotin näkyvän.

Miten Google Sites käsittelee upotettua koodia

Näin Google Sites käsittelee koodisi:

Google Sites näyttää koodisi <iframe>-elementin sisällä
JavaScriptin tulee olla <script>-tagien sisällä (Asyntai-koodisi sisältää ne jo)
Voit viitata ulkoisiin JavaScript-tiedostoihin (kuten Asyntai-widgetiin)

Tärkeää: Koska Google Sites näyttää koodin iframe-kehyksen sisällä, jotkin ominaisuudet voivat toimia eri tavalla kuin muilla verkkosivustoilla. Asyntai-chatbot on suunniteltu toimimaan tämän iframen sisällä.

Vaihe 3: Vahvista asennus

Kun olet julkaissut muutokset, avaa Google Sites -sivustosi uudessa selainvälilehdessä tai incognito-ikkunassa. Sinun pitäisi nähdä chat-widgetin painike sivun upotusalueen sisällä. Napsauta sitä varmistaaksesi, että se avautuu ja toimii oikein.