Débugger et prévisualiser
Auparavant, vous avez publier votre première balise. À présent, nous allons voir si sa configuration a bien été configurée.
L’outil de Prévisualisation de Tag Manager
Tout d’abord, pour avoir accès à cet outil, cliquez sur « prévisualiser » et attendre que la page se recharge. Dès que la page a été rechargée, vous pourrez vous rendre sur votre site.
De plus, en bas deux votre site un bandeau divisé en plusieurs parties devrait apparaître :
La timeline des événements
Premièrement, sous le logo Tag Manager, il y a une liste avec les événements détectés par ce dernier.
De plus, la configuration des déclencheurs a été effectuée au paravant. Si les conditions de déclenchements sont respectées; Alors ces déclencheurs s’afficheront.
La liste des balises
Deuxièmement, vous pouvez voir vos balises avec leur nom au milieu du bandeau. Cette partie est divisée en deux :
-
- Balises qui ont été déclenchées sur la page où vous êtes (partie haute du bandeau)
- Balises qui n’ont pas encore été déclenchées (partie basse du bandeau)
La balise « Universal Analytics » devrait apparaître dans la partie haute de votre bandeau. Effectivement, cela veut dire qu’elle a été déclenchée comme il faut.
Les variables
Troisièmement, dans GTM, des variables ont été activées. En effet, ce sont des petites boîtes composées d’une information du au contexte et à l’événement. Au fur et à mesure que les déclencheurs s’activent, chaque événement vient renseigner les informations.
Le Data Layer
De plus, le Data Layer ou couche de données, est un élément où vous pouvez insérer des données. Cela permettra de conceptualiser votre analyse.
Vous pourrez trouver des données brutes sous forme de JSON, chaque case représente un événement, chaque événement est composé d’un nom et ID. Ces données peuvent être utilisées dans GTM grâce aux « variables de couche de données ».
Les erreurs
Pour conclure, des erreurs peuvent apparaître, lorsque la configuration de certaines balises à mal été effectuée. Ou bien si c’est balises ont des problèmes. Effectivement, vous trouverez alors la source de ces erreurs et les corriger rapidement.
Les extensions de Google Chrome
Enfin, vous pouvez débouter vos conteneurs grâce à des outils annexes. Trois extensions Google Chrome peuvent vous servir :
-
- Tag Injector : travailler votre plan de tangage quand vous n’avez pas accès au code source du site en injectant le conteneur GTM
- GTM / GA Debug : substitut au bandeau de Prévisualisation de GTM. Réalisation d’exports de données depuis le conteneur ou événements capturés par l’extension
- Wappalyzer : Détecter les technologies utilisées sur un site. Vous pouvez avoir une liste des technologies, librairies et framework utilisés pour concevoir le site web
Fait par Vaniseo – Votre agence web à Marseille
Contactez-nous
Notre équipe vous répondra sous 24h