Intégrer un chatbot dans Google Sites

Google Sites permet d'intégrer du code dans une page : c'est par là qu'on peut ajouter la fenêtre d'un chatbot. La page d'aide officielle décrit l'insertion de code page par page, mais pas d'emplacement commun à tout le site, comme un en-tête ou un pied de page global. Pour un client sur Google Sites, la forme la plus sûre est donc une fenêtre de discussion intégrée à une page (par exemple une page « Une question ? »), plutôt qu'une bulle flottante sur tout le site.

Les faits ci-dessous viennent de la page d'aide de Google Sites sur l'ajout de contenu (« Ajouter des fichiers Google, des vidéos, du contenu de sites Web, etc. »), lue le 15/11/2026.

La marche à suivre

D'après l'aide :

1. Sur un ordinateur, ouvrez le site dans Google Sites.
2. Dans le panneau de droite, ouvrez le menu d'insertion, puis choisissez l'option pour intégrer du contenu.
3. Cliquez sur Intégrer le code.
4. Collez le code fourni par l'outil du chatbot, puis passez à l'étape suivante.
5. Terminez l'insertion, puis publiez les modifications.

Deux règles de format sont indiquées : le JavaScript doit être placé dans des balises <script>, et le CSS dans des balises <style>.

Ce que la page d'aide ne dit pas

La page lue ne précise ni la façon dont le code intégré est affiché, ni ses dimensions, ni les éventuelles limites du JavaScript au-delà du format. Conséquence pratique : il faut tester avant de promettre un résultat au client.

Points à observer pendant le test :

• la bulle reste-t-elle dans le cadre de l'élément ? Si le code intégré est affiché dans une zone délimitée de la page, une bulle flottante peut y rester enfermée au lieu de se placer en coin d'écran ;
• la fenêtre est-elle assez grande ? Agrandissez l'élément dans la page pour que la conversation reste lisible, sur ordinateur comme sur mobile ;
• le widget se charge-t-il sur le site publié ? Testez sur l'adresse publique, pas seulement dans l'aperçu ;
• le domaine est-il autorisé ? Certains outils de chatbot n'acceptent de s'afficher que sur les domaines déclarés : ajoutez l'adresse du site Google Sites (ou son domaine personnalisé).

Deux formes possibles

Si l'outil fournit un code d'iframe, donnez-lui un attribut title qui décrit son contenu (par exemple « Assistant de questions sur nos horaires et tarifs »). La documentation MDN explique que sans lui, un utilisateur de lecteur d'écran doit entrer dans le cadre pour savoir ce qu'il contient. Les autres attributs utiles sont détaillés dans la page sur l'intégration d'un chatbot en iframe.

Ce qui ne change pas

Même sur un site simple, les règles du site restent les mêmes :

• le message d'accueil doit dire qu'il s'agit d'une IA (voir les mentions à ajouter au site) ;
• les cookies du widget doivent être vérifiés avant tout clic (voir chatbot et consentement aux cookies) ;
• la fenêtre doit s'utiliser au clavier (voir les tests d'accessibilité).

Liste de contrôle

1. Code collé par « Intégrer le code », JavaScript entre balises <script>.
2. Élément agrandi, rendu vérifié sur ordinateur et sur mobile.
3. Site publié, test sur l'adresse publique.
4. Adresse du site autorisée dans l'outil du chatbot.
5. Attribut title sur l'iframe si l'outil en fournit une.
6. Solution de repli prête : un lien vers la page de discussion de l'outil.