Comment envoyer des événements avec Google Tag Manager
Remarque : Nous n'offrons pas de support pour résoudre les problèmes liés aux événements dans GTM.
Cet article est disponible pour vous guider sur ce que vous pourriez avoir à faire pour envoyer des événements à Contentsquare via GTM. Il vous revient, ainsi qu'à votre équipe de développement, de mettre en œuvre cette fonctionnalité de la manière qui correspond le mieux à vos besoins.
Comment créer une étiquette HTML personnalisée pour envoyer un événement à Contentsquare
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 configurer en premier. Utilisez l'article de configuration et d'installation de Tag Manager de Google pour apprendre comment faire.
1. Créez une nouvelle étiquette HTML personnalisée dans GTM.
Dans la section Étiquettes, cliquez sur ‘Nouveau’
2. Cliquez à l'intérieur de la Configuration de l'étiquette, puis choisissez HTML personnalisé.
3. Incluez le script qui enverra l'événement à Contentsquare dans le champ HTML.
Dans cet exemple, nous envoyons un événement à Contentsquare appelé ‘clic’. Voici le script que nous inclurons dans la section HTML de l'étiquette HTML personnalisée. Cela signifie que chaque fois que l'étiquette GTM se déclenche, un événement sera envoyé à Contentsquare via notre API Événements appelée 'clic'.
HTML
<script>
hj('event', 'click');
</script>
Remarque : L'étiquette Contentsquare devra être chargée sur votre page avant votre code d'événement
Lors de l'utilisation d'une étiquette HTML personnalisée GTM, le code window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);}; doit être ajouté à l'intérieur des mêmes balises <script> que votre code d'événement, juste au-dessus de l'événement. Par exemple :
HTML
<script>
window.hj=window.hj||function(){(hj.q=hj.q||[]).push(arguments);};
hj('event', 'click');
</script>
Si vous ne mettez pas le code à l'intérieur des balises <script>, il peut s'afficher sur votre site en tant que texte car GTM l'injectera en tant qu'HTML normal.
3. Cliquez sur Déclencheurs et appliquez le déclencheur pertinent pour déclencher l'étiquette.
Dans la section Déclencheurs, vous pouvez également cliquer sur l'icône + pour ajouter un nouveau déclencheur.
Dans cet exemple, nous déclencherons l'étiquette lorsque l'utilisateur cliquera sur 'Tous les éléments'.
Cela signifie que l'étiquette HTML personnalisée se déclenchera lorsque l'utilisateur cliquera n'importe où sur la page. Lorsque l'étiquette se déclenche, l'événement ‘clic’ sera envoyé à Contentsquare.
4. Cliquez sur ‘Enregistrer’ pour confirmer la configuration de votre étiquette HTML personnalisée.
5. Cliquez sur le bouton ‘Envoyer’.
6. Assurez-vous que les modifications sont appliquées à l'environnement en direct et cliquez sur ‘Publier’.