Comment ajouter le chatbot IA Asyntai à Google Sites

Guide étape par étape pour Google Sites

Plateforme :

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

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

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Ajouter le code via la fonctionnalité d'intégration

Google Sites utilise une fonctionnalité d'intégration pour ajouter du code HTML et JavaScript personnalisé :

Sur un ordinateur, ouvrez votre site dans Google Sites
Accédez à la page où vous souhaitez ajouter le chatbot
Cliquez sur "Insert" dans la barre latérale droite (ou depuis le menu supérieur)
Sélectionnez "Embed" dans la barre latérale gauche
Cliquez sur l'onglet "Embed code"
Collez votre code d'intégration Asyntai dans la boîte de texte
Cliquez sur « Next » pour voir un aperçu du rendu
Cliquez sur "Insert" pour ajouter le code à votre page
Cliquez sur "Publish" en haut à droite pour mettre les modifications en ligne

Astuce : Google Sites encapsule les intégrations dans un iframe, de sorte que le chatbot apparaîtra à l'intérieur de la zone d'intégration plutôt que fixé dans un coin du navigateur. Pour une meilleure expérience, placez l'élément d'intégration tout en bas du contenu de votre page afin que le bouton du chatbot soit facile à trouver.

Ajout sur plusieurs pages

Pour ajouter le chatbot à plusieurs pages sur votre Google Site :

Répétez pour chaque page où vous souhaitez le chatbot
Alternativement, ajoutez l'intégration dans une section en-tête ou pied de page si votre template le prend en charge
Pour les sites comportant de nombreuses pages, envisagez de l'ajouter d'abord à vos pages d'accueil principales

Note : Contrairement à d'autres plateformes, Google Sites ne dispose pas d'un point d'injection de code unique pour l'ensemble du site. Vous devrez ajouter le code d'intégration à chaque page où vous souhaitez que le chatbot apparaisse, ou utiliser un en-tête/pied de page personnalisé si votre thème le prend en charge.

Comment Google Sites gère le code intégré

Comprendre comment Google Sites traite votre code :

Google Sites encapsule votre code dans un élément <iframe> dans un environnement isolé (sandbox)
Le JavaScript doit se trouver dans des balises <script> (ce qui est déjà le cas de votre code Asyntai)
Vous pouvez référencer des fichiers JavaScript externes (comme le widget Asyntai)
La fonctionnalité d'intégration est moins restrictive que la boîte HTML de l'ancien Google Sites
Le code intégré n'est pas indexé dans la recherche du site

Important : En raison du sandboxing iframe de Google Sites, certaines fonctionnalités avancées peuvent se comporter différemment par rapport aux sites web traditionnels. Le chatbot Asyntai est conçu pour fonctionner dans ces contraintes.

Étape 3 : Vérifier l'installation

Après avoir publié vos modifications, visitez votre site Google Sites dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.