Hoe voegt u de Asyntai AI-chatbot toe aan Google Sites

Stapsgewijze handleiding voor Google Sites

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai-dashboard en scrol omlaag naar het gedeelte "Embed Code". Kopieer uw unieke insluitcode, die er zo uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Code toevoegen met de insluitfunctie

Google Sites gebruikt een insluitfunctie om aangepaste HTML- en JavaScript-code toe te voegen:

Open op een computer uw site in Google Sites
Navigeer naar de pagina waar u de chatbot wilt toevoegen
Klik op "Insert" in het paneel aan de rechterkant
Selecteer "Embed" uit de opties
Klik op het tabblad "Embed code" bovenaan
Plak uw Asyntai-insluitcode in het tekstveld
Klik op "Volgende" om een voorbeeld te bekijken
Klik op "Invoegen" om de code aan uw pagina toe te voegen
Klik op "Publish" rechtsboven om uw wijzigingen live te zetten

Tip: Google Sites verpakt insluitingen in een iframe, dus de chatbot verschijnt binnen het insluitgebied in plaats van vast aan de browserhoek. Voor de beste ervaring plaatst u het insluitelement helemaal onderaan uw pagina-inhoud, zodat de chatbotknop gemakkelijk te vinden is.

Toevoegen aan meerdere pagina's

Om de chatbot aan meerdere pagina's op uw Google Site toe te voegen:

Herhaal het insluitproces voor elke pagina waar u de chatbot wilt
Voor sites met veel pagina's kunt u overwegen het eerst aan uw hoofdlandingspagina's toe te voegen

Opmerking: Google Sites heeft geen centrale plek voor code die voor de hele site geldt. Voeg de insluitcode toe aan elke pagina waarop u de chatbot wilt laten verschijnen.

Hoe Google Sites ingesloten code verwerkt

Begrijpen hoe Google Sites uw code verwerkt:

Google Sites toont uw code binnen een <iframe>-element
JavaScript moet binnen <script>-tags staan (wat uw Asyntai-code al bevat)
U kunt verwijzen naar externe JavaScript-bestanden (zoals de Asyntai-widget)

Belangrijk: Omdat Google Sites de code binnen een iframe toont, kunnen sommige functies zich anders gedragen dan op andere websites. De Asyntai-chatbot is ontworpen om binnen deze iframe te werken.

Stap 3: Installatie verifiëren

Bezoek na het publiceren van uw wijzigingen uw Google Sites-site in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop binnen het insluitgebied op de pagina moeten zien. Klik erop om te controleren of deze correct opent en werkt.