Créer et Déboguer des Règles Avancées dans Google Tag Manager

Vérification du déclenchement des tags
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Découverte de Google Tag Manager
Revoir le teaser Je m'abonne
Transcription

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont d'(1) apprendre à créer des règles avancées dans GTM, (2) comprendre le processus de débogage dans la console GTM afin de s'assurer que les déclencheurs et les balises fonctionnent correctement.

Découvrez comment créer une règle avancée dans Google Tag Manager (GTM) et la déboguer directement dans la console de GTM.

Dans cette leçon, nous apprenons à créer une règle avancée dans Google Tag Manager (GTM) et à la déboguer dans la console GTM. Nous commençons par reprendre nos déclencheurs existants, puis nous créons un nouveau déclencheur qui se déclenche lorsqu'un utilisateur clique sur un lien hypertexte (balise A). Nous créons ensuite une nouvelle balise Google Analytics de type événement, appelée 'clique-lien'. Cette balise est configurée pour envoyer des événements de navigation et de clics à notre compte Google Analytics.

Ensuite, nous passons en revue l'utilisation du mode aperçu de GTM pour vérifier que les balises et les déclencheurs fonctionnent comme prévu. Le mode aperçu permet de voir les différentes étapes de chargement de la page, de suivre les événements personnalisés et de vérifier les déclenchements de balises.

Enfin, nous examinons le débogueur GTM, qui fournit des détails supplémentaires sur les événements envoyés, les balises déclenchées, et les variables utilisées. Le débogueur est un outil puissant, car il montre les informations détaillées sur les éléments, tels que les clics sur les liens, permettant une analyse précise des événements et des flux de données.

Voir plus
Questions réponses
Qu'est-ce qu'un déclencheur dans Google Tag Manager?
Un déclencheur dans Google Tag Manager est une condition qui, lorsqu'elle est remplie, initialise l'exécution d'une balise.
Quels sont les avantages de l'utilisation du mode aperçu dans GTM?
Le mode aperçu permet de vérifier que les balises et les déclencheurs fonctionnent correctement sans avoir à publier les changements immédiatement. Il visualise les événements précisément et aide à identifier des erreurs potentielles.
Pourquoi est-il important d'utiliser un débogueur pour les balises GTM?
Le débogueur fournit des informations détaillées sur chaque événement et balise, ce qui permet de s'assurer que les données sont correctement transmises et d'identifier et corriger les erreurs rapidement.
Dans cet exemple, on va voir comment créer une règle avancée et voir comment elle peut être débuguée directement dans la console de GTM. Si je reprends les déclencheurs qu'on avait tout à l'heure, donc ils sont uniquement sur la page d'accueil, sur la page 2, donc du coup, ce que je vais faire c'est que je vais créer une nouvelle règle qui va s'appliquer sur le fait que l'on clique sur un lien. Clique sur un lien dans une balise A. Donc un lien hypertexte. Quand je vais créer un déclencheur, je vais dire sur des liens, clique sur des liens, je vais maintenant créer un tag associé parce que pour l'instant il n'y a rien d'associé. Donc une balise, une nouvelle balise, je vais créer une balise de, cette fois-ci, Google Analytics de type événement. Donc, Analytics, je vais l'appeler clique-lien. Pareil, je vais le mettre dans mon dossier Analytics. Et je vais lui dire que c'est un tag Analytics universel qui se référence à mon code UA qu'on avait tout à l'heure. Il est là. Et donc du coup on va en créer un événement, Analytics, catégorie, je ne sais pas moi, navigation, action, clique. Et le libellé va être, je ne sais pas pour l'instant, on va voir après comment récupérer le nom ou le lien ou le texte du lien pour en faire une valeur dans Analytics. Donc là, si vous avez compris, je suis en train de définir les valeurs que je veux apparaître dans mes catégories, actions, libellés et éventuellement valeurs d'événements au cas où je clique sur un lien. Il y a plein d'autres paramètres mais pour l'instant on n'y est pas. Je veux qu'il soit déclenché sur un clic sur un lien hypertexte. Et voilà. Donc je vais enregistrer. N'ayez pas peur si vous voyez des introuvables ou ce genre de choses, c'est plus des messages d'erreur qui vous montrent que là dans la seconde il y a eu un problème de disponibilité de la notification. Mais dans la pratique c'est fait. Là quand on va soit publier soit regarder ce qui se passe en mode aperçu, eh bien on va voir qu'on peut suivre comment les différents éléments sont déclenchés. Donc là ce qu'on va faire c'est qu'on va, au lieu de cliquer sur publier, on va cliquer sur prévisualiser qui du coup va créer un aperçu pour notre container. Donc on a un gros bandeau orange qui nous dit qu'on travaille en mode aperçu. On peut quitter le mode aperçu si on n'est pas content, on peut le rafraîchir au cas où on fait des changements et pour être sûr qu'il soit pris en compte. Et on peut partager l'aperçu avec une équipe qui n'a pas forcément accès à GTM et qui veut voir ce qui se passe. Si je reprends ma page 2 de mon site fictif que je recharge, j'ai toujours le le pop-up de bienvenue. Mais il s'est passé autre chose, regardez, j'ai une autre fenêtre qui est apparue. Je vais fermer mon débuggeur de propre navigateur et je vais utiliser le débuggeur de GTM. Donc il s'est passé deux choses sur cette page là. Bon déjà comme pour toutes les pages, mon tag analytics de page 1 s'est déclenché une fois. Et mon tag de bienvenue, donc le pop-up, enfin l'alerte, s'est déclenché une fois. On va maintenant voir ce qui se passe quand je clique sur le lien numéro 1. Ah attention, vous avez vu, il m'a déclenché ici, on voit apparaître, clic sur un lien. Donc là, il me dit que ça s'est déclenché, moi je suis saint Thomas, je veux voir ce qui se passe. Dans mes rapports de temps réel, je peux voir les événements. Et là je peux voir que j'ai un événement de type catégorie navigation action clic qui vient de se déclencher. Donc là on a deux façons très simples de voir que ça se déclenche et de voir si ça marche comme on veut. Alors attention, le temps réel ne fera pas tout. C'est pour ça que des fois le debugger est intéressant parce qu'il vous montrera les détails de ce qui est envoyé. Donc quand je clique dans analytics clic lien, il me dit qu'il a bien envoyé un type analytics universal vers le compte, enfin la propriété machin truc 05, etc. etc. avec donc différentes différentes attributs comme l'action, la catégorie, etc. C'est l'occasion de vous montrer que dans le debugger, on a notamment dans les différentes étapes, tu charges en haut la page, donc la page vue, le fait que le DOM soit prêt et que la page soit chargée. Et là, on a un événement custom qui est propre à GTM qui me dit j'ai cliqué sur un lien. Et sur cet événement là, on a bien déclenché uniquement celui-là. On a déclenché donc le clic sur le lien. Alors que sur la page vue, on a uniquement déclenché la page vue et l'alerte. Sur celui-ci, rien du tout. Celui-ci, rien du tout. Sur le clic, oui. Et donc sur la vue de l'ensemble, on a bien tous les tags qui ont été déclenchés jusqu'à maintenant. Vous avez aussi donc du coup sur les étapes où ça n'a rien passé, les tags qui sont disponibles dans le container mais qui n'ont pas été déclenchés. Vous avez aussi donc moyen de minimiser le debugger ou de le ouvrir, vous pouvez l'agrandir. Vous pouvez aussi aller voir ce qui se passe au niveau des variables étape par étape. Donc vous allez voir qu'il y a beaucoup de choses qui sont des étapes préremplies. On verra qu'on va pouvoir en débloquer dans la console et que donc sur le link click, j'ai par exemple un élément qui me dit que j'ai cliqué sur tel élément avec... Donc je vais pouvoir récupérer des informations là-dedans. On a enfin quelque chose qui s'appelle le data layer qui contient donc toutes les informations qui peuvent éventuellement être fournies à GTM pour qu'il déclenche plusieurs tags. Ce data layer peut du coup à son tour alimenter les variables qui sont gérées dans la console. Mais là en l'occurrence, il va seulement nous montrer l'élément sur lequel on a cliqué. Très pratique. Donc voilà, c'était donc un moyen de voir comment on pouvait vérifier que ce qu'on a prévu dans GTM se déclenche.
Nos dernières formations Référencement / SEO