Kako dodati Asyntai AI chatbot na Google Sites

Vodič korak po korak za Google Sites

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Najprije idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Embed Code". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

<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>

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte kod koristeći značajku ugradnje

Google Sites koristi znacajku ugradnje za dodavanje prilagodenog HTML i JavaScript koda:

Na računalu otvorite svoju stranicu u Google Sites
Navigirajte na stranicu na koju želite dodati chatbot
Kliknite "Insert" na ploči s desne strane
Odaberite "Embed" iz opcija
Kliknite karticu "Embed code" na vrhu
Zalijepite svoj Asyntai ugradni kod u tekstualni okvir
Kliknite "Next" za pregled izgleda
Kliknite "Insert" za dodavanje koda na stranicu
Kliknite "Publish" u gornjem desnom kutu da promjene postanu aktivne

Savjet: Google Sites omotava ugradnje u iframe, pa ce se chatbot pojaviti unutar podrucja ugradnje umjesto fiksiran u kutu preglednika. Za najbolje iskustvo postavite element ugradnje na sam dno sadrzaja stranice kako bi gumb chatbota bio lako dostupan.

Dodavanje na više stranica

Za dodavanje chatbota na više stranica na vašem Google Siteu:

Ponovite postupak ugradnje za svaku stranicu na kojoj želite chatbot
Za stranice s mnogo stranica, razmislite o dodavanju najprije na glavne odredisne stranice

Napomena: Google Sites nema jedno mjesto za kod koji pokriva cijelu stranicu. Dodajte kod za ugradnju na svaku stranicu na kojoj želite da se chatbot prikaže.

Kako Google Sites obrađuje ugrađeni kôd

Razumijevanje kako Google Sites obrađuje vas kod:

Google Sites prikazuje vaš kod unutar elementa <iframe>
JavaScript mora biti unutar oznaka <script> (sto vas Asyntai kod vec ukljucuje)
Možete referencirati vanjske JavaScript datoteke (poput Asyntai widgeta)

Važno: Budući da Google Sites prikazuje kod unutar iframea, neke se značajke mogu ponašati drukčije nego na drugim web stranicama. Asyntai chatbot je dizajniran za rad unutar ovog iframea.

Korak 3: Provjerite instalaciju

Nakon objave promjena posjetite svoju Google Sites stranicu u novoj kartici preglednika ili u anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta unutar područja ugradnje na stranici. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.