Google Tag Manager (GTM) est un outil gratuit de Google qui vous permet de gérer les codes de suivi et les scripts sur votre site web sans modifier directement le code source. Ce guide vous accompagne tout au long de la configuration — création d'un compte GTM, ajout de l'extrait de code GTM à votre site et insertion du code de chat Smartsupp sous forme de balise.
Nous avons divisé le guide en sections suivantes :
Créer un compte GTM
Si vous n'avez pas encore de compte Google Tag Manager, rendez-vous sur tagmanager.google.com et connectez-vous avec votre compte Google. Cliquez sur Créer un compte, saisissez le nom de votre compte et sélectionnez votre pays.
Configurez un conteneur pour votre site web. Saisissez l'URL de votre site web et sélectionnez Web comme plateforme cible, puis cliquez sur Créer.
Acceptez les conditions d'utilisation pour continuer.
Installer GTM sur votre site web
Après la création de votre compte, GTM affichera deux extraits de code. Vous devez les ajouter au code HTML de votre site web :
Collez le premier extrait de code le plus haut possible dans la section <head> .
Collez le second extrait de code immédiatement après la balise d'ouverture <body> .
Conseil : Si vous utilisez une plateforme comme WordPress, Shopify ou PrestaShop, vous disposez peut-être déjà d'un plugin Smartsupp intégré — consultez notre Guide d'installation pour votre plateforme avant d'utiliser GTM.
Vous pouvez également accéder aux extraits de code GTM ultérieurement en cliquant sur l'ID de votre conteneur (par exemple GTM-XXXXXX) en haut du tableau de bord GTM.
Créer une nouvelle balise
Dans le tableau de bord GTM, cliquez sur Ajouter une nouvelle balise (ou accédez à Balises > Nouvelle). Donnez un nom à votre balise, par exemple Chat Smartsupp.
Cliquez sur la zone Configuration de la balise et sélectionnez HTML personnalisé comme type de balise.
Insérer le code Smartsupp
Retrouvez votre code de chat Smartsupp unique dans le tableau de bord sous Paramètres > Chat box > Installation > Insérer le code. Copiez l'intégralité de l'extrait de code.
Collez le code dans le champ HTML de votre nouvelle balise dans GTM. Cliquez ensuite sur la section Déclenchement ci-dessous et sélectionnez Toutes les pages — cela garantit le chargement du widget de chat Smartsupp sur chaque page de votre site web.
Remarque : Veillez à coller le code complet, y compris les balises <script> . Contrairement à certaines plateformes, GTM accepte le code HTML complet, y compris les balises script, pour le type de balise HTML personnalisé.
Publier la balise
Cliquez sur Enregistrer pour enregistrer votre balise, puis cliquez sur le bouton Envoyer dans le coin supérieur droit du tableau de bord GTM.
Ajoutez un nom de version et une description (facultatif), puis cliquez sur Publier.
Vérifier l'installation
Ouvrez votre site web dans un nouvel onglet du navigateur et actualisez la page. Le widget de chat Smartsupp devrait maintenant être visible dans un coin de votre site.
Conseil : Si vous ne voyez pas le widget de chat, essayez de vider le cache de votre navigateur ou d'ouvrir votre site dans une fenêtre de navigation privée. Assurez-vous également que le code du conteneur GTM est correctement installé sur votre site web.
Ressources connexes :
Installation de Smartsupp — vue d'ensemble complète de toutes les méthodes d'installation.
Chat box multilingue — configurez le widget de chat dans plusieurs langues.
Et ensuite ?
Paramètres de base de la chat box — Personnalisez les couleurs, la position, les messages de bienvenue et bien plus encore.
Statut de la chat box — Découvrez comment fonctionne le statut du widget de chat et comment le contrôler.
Pourquoi ne puis-je pas voir le chat sur mon site web ? — Résolvez les problèmes d'installation les plus courants.
Télécharger les plugins — Découvrez toutes les intégrations disponibles pour les plateformes.
💡 Besoin d'aide supplémentaire ? Contactez notre Équipe d'assistance — nous serons ravis de vous aider !