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

Stapsgewijze handleiding voor Google Sites

Insluitcode ophalen

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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:

  1. Open op een computer uw site in Google Sites
  2. Navigeer naar de pagina waar u de chatbot wilt toevoegen
  3. Klik op "Insert" in de rechterzijbalk (of via het bovenste menu)
  4. Selecteer "Embed" uit de opties
  5. Klik op het tabblad "Embed code" bovenaan
  6. Plak uw Asyntai-insluitcode in het tekstveld
  7. Klik op "Volgende" om een voorbeeld te bekijken
  8. Klik op "Invoegen" om de code aan uw pagina toe te voegen
  9. 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:

  1. Herhaal het insluitproces voor elke pagina waar u de chatbot wilt
  2. U kunt de insluiting ook toevoegen aan een header- of footer-sectie als uw sjabloon dit ondersteunt
  3. Voor sites met veel pagina's kunt u overwegen het eerst aan uw hoofdlandingspagina's toe te voegen

Opmerking: In tegenstelling tot sommige andere platformen heeft Google Sites geen enkel "sitebreed" code-injectiepunt. U moet de insluitcode toevoegen aan elke pagina waar u de chatbot wilt laten verschijnen, of een aangepaste header/footer gebruiken als uw thema dit ondersteunt.

Hoe Google Sites ingesloten code verwerkt

Begrijpen hoe Google Sites uw code verwerkt:

  • Google Sites verpakt uw code in een <iframe>-element in een sandbox-omgeving
  • JavaScript moet binnen <script>-tags staan (wat uw Asyntai-code al bevat)
  • U kunt verwijzen naar externe JavaScript-bestanden (zoals de Asyntai-widget)
  • De insluitfunctie is minder beperkend dan de HTML Box van klassiek Google Sites
  • Ingesloten code wordt niet geïndexeerd in de sitezoekopdracht

Belangrijk: Door de iframe-sandboxing van Google Sites kunnen sommige geavanceerde functies anders werken dan op traditionele websites. De Asyntai-chatbot is ontworpen om binnen deze beperkingen te werken.

Stap 3: Installatie verifiëren

Nadat u uw wijzigingen hebt gepubliceerd, bezoekt u uw Google Site in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en functioneert.

Ziet u de widget niet? Zorg ervoor dat u uw site hebt gepubliceerd (niet alleen opgeslagen). Probeer in een incognitovenster te bekijken om eventuele caching te omzeilen. Controleer de browserconsole (F12) op fouten. Controleer of de insluiting correct is ingevoegd door de pagina te bewerken en het insluitelement te controleren.