{"id":2967,"date":"2023-01-23T16:13:14","date_gmt":"2023-01-23T15:13:14","guid":{"rendered":"https:\/\/botnation.ai\/?p=2967"},"modified":"2026-01-02T16:34:05","modified_gmt":"2026-01-02T15:34:05","slug":"installer-son-chatbot-sur-son-site-web-avec-google-tag-manager","status":"publish","type":"support","link":"https:\/\/botnation.ai\/fr\/support\/installer-son-chatbot-sur-son-site-web-avec-google-tag-manager\/","title":{"rendered":"Installer son Chatbot sur son site web avec Google Tag Manager"},"content":{"rendered":"<p>Une alternative au code JavaScript en dur sur votre site<\/p>\n\n\n\n\n\n<p>Votre chatbot web est termin\u00e9, il est temps de le lancer et de l\u2019installer sur votre site ! Pour cela, plusieurs choix s\u2019offrent \u00e0 vous :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Votre site est d\u00e9ploy\u00e9 sous WordPress, nous avons un <a href=\"https:\/\/botnation.ai\/installation-et-configuration-du-plugin-wordpress-botnation\/\">plugin<\/a> pr\u00e9vu \u00e0 cet effet.<\/li>\n\n\n\n<li>R\u00e9cup\u00e9rez le code JavaScript d\u00e9livr\u00e9 par Botnation et embarquez-le sur votre site. Suivez <a href=\"https:\/\/botnation.ai\/comment-installer-mon-chatbot-sur-mon-site-web\/\">le guide<\/a> !<\/li>\n\n\n\n<li>Un Google Tag Manager et d\u00e9j\u00e0 pr\u00e9sent sur votre site ? Int\u00e9grez le code JavaScript de Botnation \u00e0 votre configuration GTM !<\/li>\n<\/ol>\n\n\n\n<p>Ce dernier point est le sujet de l\u2019article \ud83d\ude09<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_33350b4d87\">1. R\u00e9cup\u00e9ration du code Javascript<\/h3>\n\n\n\n<p>Commencez par r\u00e9cup\u00e9rer le code Javascript \u00e0 int\u00e9grer. Il est g\u00e9n\u00e9r\u00e9 via la plateforme Botnation, vous trouverez plus de d\u00e9tails dans la <a href=\"https:\/\/botnation.ai\/comment-installer-mon-chatbot-sur-mon-site-web\/\">documentation suivante<\/a>.<\/p>\n\n\n\n<p>Une fois le code Javascript r\u00e9cup\u00e9r\u00e9, il va falloir l\u2019ajouter sur Google Tag Manager pour installer votre Chatbot sur votre site web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_c8e0c489c8\">2. Installer Google Tag Manager sur votre site Web<\/h3>\n\n\n\n<p>Pour commencer, si ce n\u2019est pas d\u00e9j\u00e0 fait, installez Google Tag Manager sur votre site Web. Voici la <a href=\"https:\/\/support.google.com\/tagmanager\/answer\/6103696?hl=fr\" target=\"_blank\" rel=\"noreferrer noopener\">proc\u00e9dure<\/a> telle que d\u00e9crite par Google.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_287eb74457\">3. Cr\u00e9ation de la balise<\/h3>\n\n\n\n<p>Sur Google Tag Manager, cr\u00e9ez une balise de type \u00ab\u00a0HTML personnalis\u00e9e\u00a0\u00bb puis ajoutez le code Javascript que vous avez r\u00e9cup\u00e9r\u00e9 pr\u00e9c\u00e9demment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/01\/image-196.png.webp\" alt=\"\" class=\"wp-image-6875\"><\/figure>\n\n\n\n<p>Ce code va s\u2019ins\u00e9rer dans votre site web pour afficher la Chatbot.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_5955fd9671\">4. Cr\u00e9ation d\u2019un d\u00e9clencheur<\/h3>\n\n\n\n<p>Il va maintenant falloir dire \u00e0 Google Tag Manager \u00e0 quel moment afficher le Chatbot, c\u2019est le r\u00f4le du d\u00e9clencheur.<\/p>\n\n\n\n<p>Vous aurez probablement besoin du d\u00e9clencheur de type \u00ab\u00a0Page vue\u00a0\u00bb. Par d\u00e9faut, le Chatbot s\u2019affichera sur toutes les pages vues mais vous pouvez aussi les filtrer comme dans l\u2019exemple ci-dessous :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/01\/image-198.png.webp\" alt=\"\" class=\"wp-image-6881\"><\/figure>\n\n\n\n<p>Ici, on affiche le Chatbot seulement si l\u2019url contient le mot-cl\u00e9 botnation.ai\/fr. Ce qu\u2019on veut ici, c\u2019est afficher le Chatbot seulement sur la version fran\u00e7aise du site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_1756071a0f\">5. Publication<\/h3>\n\n\n\n<p>Il ne vous reste plus qu\u2019\u00e0 enregistrer votre travail et \u00e0 publier votre configuration sur Google Tag Manager. Une fois publi\u00e9es, les modifications peuvent prendre quelques minutes \u00e0 \u00eatre effectives.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_35bc4e3f87\">6. Exemple d\u2019utilisation<\/h3>\n\n\n\n<p>Le Google Tag Manager peut \u00eatre tr\u00e8s utile dans le cadre d\u2019un chatbot multilingue. Si votre site est disponible en 4 versions, vous allez cr\u00e9er 1 chatbot par langue, soit 4 chatbots. Il vous suffit de diffuser le chatbot Botnation via Google Tag Manager en positionnant des d\u00e9clencheurs uniquement sur les langues cibl\u00e9es en vous basant sur vos adresses comprenant \/fr\/ ou \/en\/. Vous pourrez donc tr\u00e8s facilement obtenir un tag de chatbot diff\u00e9rent pour chaque langue.<\/p>\n\n\n\n<p><strong>En plus :<\/strong><br>\u2013 <a href=\"https:\/\/botnation.ai\/comment-installer-mon-chatbot-sur-mon-site-web\/\">Comment publier mon chatbot web ?<\/a><br>\u2013 <a href=\"https:\/\/botnation.ai\/installation-et-configuration-du-plugin-wordpress-botnation\/\">Comment publier mon chatbot sur mon site WordPress ?<\/a><\/p>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[183,189],"class_list":["post-2967","support","type-support","status-publish","hentry","categorie-support-chatbot-web","categorie-support-tutoriels"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support\/2967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/media?parent=2967"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/categorie-support?post=2967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}