Disponibilité du plan
Disponible pour les enregistrements et les cartes thermiques avec Observe 
ou Observe 
Disponible pour les enregistrements et les cartes thermiques avec Observe
Disponible pour les retours et les enquêtes avec Ask ou Ask
Les attributs utilisateur sont des données sur vos utilisateurs envoyées à Hotjar. Ils peuvent être utilisés pour filtrer les enregistrements collectés et les données de carte thermique, déclencher des enquêtes ou des widgets de retour, ou pour rechercher et supprimer des données utilisateur par ID utilisateur. Consultez notre guide sur Quels sont les attributs utilisateur pour plus de détails.
Avec Google Tag Manager (GTM) installé sur votre site en direct, vous pouvez utiliser une balise HTML personnalisée et le data layer de GTM pour envoyer des attributs à Hotjar. Cela vous permet de commencer à utiliser les attributs utilisateur sans placer manuellement de code supplémentaire sur votre site. Si vous n'avez pas encore installé GTM sur votre site en direct, vous devrez d'abord le configurer. Utilisez l'article de Google sur Configuration et installation de Tag Manager pour apprendre comment faire.
Dans cet article, nous expliquerons comment envoyer des attributs utilisateur à Hotjar avec GTM.
- Envoi des attributs utilisateur avec le data layer de GTM
- Envoi des attributs utilisateur avec la balise HTML personnalisée de GTM
Envoi des attributs utilisateur avec le data layer de GTM
Le data layer est le référentiel de données structurées de GTM. Il doit être configuré dans GTM avant de pouvoir envoyer des attributs du data layer à Hotjar. Consultez le guide du data layer de Google et la documentation des développeurs sur le data layer pour obtenir de l'aide pour configurer ou apporter des modifications à votre data layer.
Confirmez que les attributs qui vous intéressent sont disponibles dans le data layer de GTM sur votre site.
Vous pouvez vérifier votre data layer depuis votre site en direct en utilisant la console de développement de votre navigateur et en tapant dataLayer, puis en appuyant sur Entrée. Vous devriez alors voir apparaître le tableau du data layer, que vous pouvez développer pour voir ce qui est disponible dans votre data layer.
Créez une nouvelle variable de couche de données dans GTM pour l'attribut qui vous intéresse.
Les variables de couche de données vous permettent de transmettre des valeurs de votre couche de données aux balises GTM. Vous trouverez les étapes pour créer une variable de couche de données dans la section Configurer la variable de couche de données du guide de la couche de données de Google.
Vous devrez répéter cette étape pour chaque attribut que vous souhaitez envoyer à Hotjar à partir de la couche de données. Prenez note du nom que vous donnez à chaque variable de couche de données à utiliser à l'étape suivante.
Créez une balise HTML personnalisée qui inclut la variable de couche de données.
Pour créer une balise HTML personnalisée, suivez les étapes de la section ci-dessous intitulée Envoi des attributs utilisateur avec la balise HTML personnalisée de GTM. Incluez la variable de couche de données dans le champ de texte de la balise HTML personnalisée en l'écrivant sans guillemets et en utilisant des accolades.
Envoi des attributs utilisateur avec la balise HTML personnalisée de GTM
Depuis la page Aperçu de GTM, cliquez sur Ajouter une nouvelle balise.
Cliquez sur Configuration de la balise, puis choisissez HTML personnalisé.
Incluez le script qui enverra les attributs à Hotjar dans le champ HTML.
Voici un exemple de script inclus dans le champ HTML de la balise HTML personnalisée. Ces attributs seront envoyés à Hotjar via notre API d'identification. Si vous utilisez la couche de données de GTM, vous pouvez inclure la variable de couche de données en utilisant des accolades et sans guillemets, par exemple : 'Inscrit': {{dlv - Inscrit}}.
<script>
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
// Installez ce snippet complet APRÈS le code de suivi Hotjar.
var userId = votre_identifiant_utilisateur || null; // Remplacez votre_identifiant_utilisateur par votre propre variable.
window.hj('identify', userId, {// Ajoutez vos propres attributs personnalisés ici. Quelques EXEMPLES :
// 'Inscrit': '2019-06-20Z', // Date d'inscription au format ISO-8601.
// 'Dernière catégorie d'achat': 'Électronique', // Envoyez des chaînes avec des guillemets autour d'elles.
// 'Total des achats': 15, // Envoyez des nombres sans guillemets.
// 'Date du dernier achat': '2019-06-20Z', // Envoyez des dates au format ISO-8601.
// 'Date du dernier remboursement': null, // Envoyez null lorsqu'aucune valeur n'existe pour un utilisateur.
});
</script>
Le code de suivi Hotjar doit être chargé sur votre page avant votre code d'attributs utilisateur
S'il y a une chance que votre événement se déclenche sur la page avant votre code de suivi Hotjar, vous devrez ajouter cette ligne de code juste avant votre code d'attributs utilisateur :
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
Cliquez sur Déclenchement, puis sélectionnez Toutes les pages.
Cela enverra vos attributs à Hotjar en utilisant GTM à chaque affichage de page où GTM et Hotjar sont installés.
Nous recommandons d'envoyer vos attributs à chaque affichage de page
Cela vous donne une flexibilité maximale pour utiliser les attributs à d'autres fins à l'avenir. Cela aide également à garantir que les valeurs d'attributs les plus récentes sont disponibles dans Hotjar.
Donnez un nom à votre balise, puis cliquez sur Enregistrer.
Confirmez le changement d'espace de travail dans GTM en cliquant sur Envoyer, puis en cliquant sur Publier.
Assurez-vous de publier sur votre Environnement en direct dans GTM
Lors de la soumission des changements à votre espace de travail GTM, vérifiez que la Publication vers l'Environnement est définie sur En direct.
Accordez un moment à GTM pour mettre à jour le conteneur GTM sur votre site en direct avec les modifications. Vos attributs seront répertoriés sur votre page d'attributs utilisateur lorsqu'ils seront envoyés avec succès à Hotjar. Vous pouvez également suivre notre guide sur la vérification manuelle de l'envoi des attributs sur votre site en direct.