Comment installer Smartsupp sur votre site web avec Google Tag Manager — de la création de votre compte GTM à la publication du tag avec votre code de chat Smartsupp.
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 à travers toute la configuration — création d’un compte GTM, ajout du snippet GTM sur votre site et insertion du code de chat Smartsupp comme tag.
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, 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 avoir créé votre compte, GTM affichera deux extraits de code. Vous devez les ajouter au HTML de votre site web :
Collez le premier extrait le plus haut possible dans la section <head>.
Collez le second extrait juste après la balise d’ouverture <body>.
Astuce : 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 GTM plus tard en cliquant sur l’ID de votre conteneur (p. ex. GTM-XXXXXX) en haut du tableau de bord GTM.
Créer un nouveau tag
Dans le tableau de bord GTM, cliquez sur Ajouter un nouveau tag (ou allez dans Tags > Nouveau). Donnez un nom à votre tag, par exemple Smartsupp Chat.
Cliquez sur la zone Configuration du tag et sélectionnez HTML personnalisé comme type de tag.
Insérer le code Smartsupp
Trouvez votre code de chat Smartsupp unique dans le tableau de bord sous Paramètres > Chatbox > Installation > Insérer le code. Copiez l’intégralité de l’extrait de code.
Collez le code dans le champ HTML de votre nouveau tag dans GTM. Cliquez ensuite sur la section Déclencheurs en dessous et sélectionnez Toutes les pages — cela garantit que le widget de chat Smartsupp se charge sur chaque page de votre site web.
Remarque : Assurez-vous de coller le code complet, y compris les balises <script>. Contrairement à certaines plateformes, GTM accepte le HTML complet, y compris les balises script, dans le type de tag HTML personnalisé.
Publier le tag
Cliquez sur Enregistrer pour sauvegarder votre tag, 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 le coin de votre site.
Astuce : 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 — aperçu complet de toutes les méthodes d’installation.
Chatbox multilingue — configurer le widget de chat en plusieurs langues.
Et ensuite ?
Paramètres de base du chatbox — Personnalisez les couleurs, la position, les messages de bienvenue et plus encore.
Statut du chatbox — Découvrez comment fonctionne le statut du widget de chat et comment le contrôler.
Pourquoi je ne vois pas le chat sur mon site web ? — Résolvez les problèmes d’installation les plus courants.
Télécharger les plugins — Explorez toutes les intégrations de plateforme disponibles.
💡 Besoin d’aide supplémentaire ? Contactez notre équipe de support — nous serons ravis de vous aider !