Google Tag Manager doit être installé sur votre site avant de suivre ce guide
Si vous n'avez pas encore installé Google Tag Manager, vous devrez le faire en premier. Utilisez l'article de Google Configuration et installation de Tag Manager pour apprendre comment faire.
Ce guide décrit comment installer le code de suivi Hotjar en utilisant Google Tag Manager (GTM). Les trois options d'installation sont les suivantes :
- Intégration Hotjar et Google Tag Manager
- Balise de code de suivi Hotjar depuis Google Tag Manager
- Balise HTML personnalisée depuis Google Tag Manager
Vous pouvez également utiliser GTM pour envoyer des événements à Hotjar et définir des attributs d'utilisateur
Après avoir installé Hotjar, vous pouvez également utiliser GTM pour envoyer des événements et des attributs d'utilisateur. En savoir plus dans nos articles Comment envoyer des attributs d'utilisateur avec Google Tag Manager et Comment envoyer des événements à Hotjar avec Google Tag Manager
Intégration Hotjar et Google Tag Manager
Rendez-vous sur votre page Sites et cliquez sur Installer le code de suivi.
Si Hotjar était précédemment installé sur votre site, mais a été supprimé ultérieurement, vous pourriez ne pas voir l'option "Installer le code de suivi". Si l'option "Installer le code de suivi" n'est pas présente, vous devrez suivre l'une des autres options d'installation mentionnées dans cet article.
Cliquez sur Démarrer la configuration depuis la fenêtre Installer avec Google Tag Manager.
Vous ne verrez cette option que si votre site a un conteneur GTM installé
Vous verrez la première étape de cette intégration si Hotjar a détecté automatiquement que votre site a un conteneur GTM. Si vous ne voyez pas la première étape, suivez les étapes pour installer la Balise de code de suivi Hotjar depuis Google Tag Manager.
Sélectionnez le compte Google connecté au conteneur GTM sur votre site.
C'est le site où vous installerez le code de suivi Hotjar.
Vous voyez des écrans légèrement différents ?
Google contrôle toutes les étapes impliquant la connexion à GTM et l'autorisation à Hotjar. Le flux exact et l'apparence de la page peuvent changer, mais les étapes ne devraient pas beaucoup changer.
Sélectionnez toutes les autorisations d'accès pour Hotjar et cliquez sur Continuer.
Sélectionnez votre compte GTM et votre conteneur de balises GTM, puis cliquez sur Créer et publier la balise.
Assurez-vous de sélectionner le conteneur GTM installé sur votre site
Hotjar vous informera ici si vous n'avez aucun conteneur dans ce compte Google. Si ce n'est pas le cas, suivez les instructions de la documentation officielle de Google.
Cliquez sur Confirmer et créer.
Attendez quelques minutes que Google réponde, puis cliquez sur Vérifier l'installation.
Suivez l'invite de Vérification de l'installation.
Vous devriez voir un message confirmant l'installation. Si ce n'est pas le cas, consultez notre article Comment vérifier que Hotjar fonctionne. N'hésitez pas à nous contacter si vous avez besoin d'aide !
Balise de code de suivi Hotjar depuis Google Tag Manager
Depuis votre tableau de bord Google Tag Manager, cliquez sur Ajouter une nouvelle balise.
Cliquez sur l'icône de balise et sélectionnez Code de suivi Hotjar dans la liste.
Saisissez votre ID de site Hotjar dans le champ texte.
Pour obtenir votre ID de site Hotjar, visitez votre page Sites. À partir de là, vous verrez une liste des Sites et Organisations auxquels vous avez accès, ainsi que les ID de site à gauche de l'URL du site.
Cliquez dans la zone de Déclenchement pour choisir les pages sur lesquelles le Code de suivi apparaîtra.
Sélectionnez Toutes les pages pour le déclencheur, puis cliquez sur Enregistrer.
Les applications à page unique doivent utiliser uniquement le type de déclencheur "Vue de page"
Les déclencheurs de changement d'état de Google Tag Manager entrent en conflit avec le système de détection de changements propre à Hotjar pour les applications à page unique. Pour plus d'informations, consultez l'article de Google Tag Manager sur le déclencheur Vue de page.
Cliquez sur le bouton Envoyer en haut à droite de la page de l'Espace de travail.
Cliquez sur le bouton Publier pour publier la balise.
Attendez quelques minutes pour que Google réponde, puis vérifiez que l'installation a fonctionné depuis Hotjar.
Vous devriez voir un message confirmant l'installation dans Hotjar. Si ce n'est pas le cas, consultez notre article Comment vérifier que Hotjar fonctionne.
Balise HTML personnalisée depuis Google Tag Manager
Allez sur votre page Sites et cliquez sur le lien Voir le code de suivi pour le Site que vous souhaitez suivre.
Cliquez sur Copier dans le presse-papiers.
Sur la page de l'espace de travail de Google Tag Manager, cliquez sur le bouton Ajouter une nouvelle balise.
Cliquez à l'intérieur de la zone Configuration de la balise.
Sélectionnez HTML personnalisé dans la liste.
Collez le code que vous avez précédemment copié depuis Hotjar dans le champ de texte.
Cliquez à l'intérieur de la zone Déclenchement.
Cliquez sur Toutes les pages.
C'est important - si vous choisissez un autre déclencheur, Hotjar ne fonctionnera pas correctement.
Nommez la balise, puis cliquez sur le bouton Enregistrer.
Validez vos modifications.
Assurez-vous que votre environnement en direct est sélectionné, puis cliquez sur Publier.
Attendez quelques minutes pour que Google puis vérifiez que l'installation a fonctionné depuis Hotjar.
Vous devriez voir un message confirmant l'installation à l'intérieur de Hotjar. Si ce n'est pas le cas, visitez Dépannage de l'installation de Google Tag Manager pour vérifier vos configurations GTM.
Si vous parcourez cet article et que les paramètres sont corrects dans GTM, consultez notre guide Comment vérifier que Hotjar fonctionne pour des étapes de dépannage supplémentaires.