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.
Ce article est disponible pour vous aider à comprendre ce que vous pourriez avoir besoin de faire pour envoyer des événements à Contentsquare via GTM. Il vous appartient, ainsi qu'à votre équipe de développement, de mettre en œuvre cette fonctionnalité de la manière qui répond 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 d'abord le configurer. Utilisez l'article de Google Configurer et installer Tag Manager 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é ‘click’. Ci-dessous se trouve 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 'click'.
HTML
<script>
hj('event', 'click');
</script>
Remarque : L'étiquette de Contentsquare devra être chargée sur votre page avant votre code d'événement.
Lorsque vous utilisez 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 <script> balises 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 n'encapsulez pas le code à l'intérieur des <script> balises, il peut s'afficher sur votre site comme du texte puisque GTM l'injectera comme du HTML ordinaire.
3. Cliquez sur Déclenchement et appliquez le déclencheur pertinent pour activer l'étiquette.
Dans la section Déclenchement, vous pouvez également cliquer sur l'icône + pour ajouter un nouveau déclencheur.
Dans cet exemple, nous allons déclencher l'étiquette lorsque un utilisateur clique sur 'Tous les éléments'.
Cela signifie que l'étiquette HTML personnalisée se déclenchera lorsque un utilisateur cliquera n'importe où sur la page. Lorsque l'étiquette se déclenche, l'événement ‘click’ 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 Live et cliquez sur ‘Publier’.