5 extensions chrome pour vérifier votre taggage Google Analytics


Madeline
Sur twitter

Madeline

Diplômée d'Audencia Nantes, j'ai commencé par faire des stages en communication web, puis web marketing avant de me plonger dans le SEO.

Je suis actuellement consultante SEO chez iProspect. J'ai ouvert ce blog pour partager des astuces, des tuto, ou des informations plus orientées techniques et opérationnelles.
Madeline
Sur twitter

Il n’est pas toujours facile de savoir si l’implémentation des tags analytics est correcte. Un des moyens de vérifier est d’attendre la collecte des données ou de voir ça en temps réel, mais il est possible de vérifier l’implémentation en amont grâce à quelques outils.

Pourquoi Chrome ? car on parle de google analytics ou google tag manager et les extensions sont souvent développés avec le navigateur de google.

Vous pouvez bien entendu utiliser la console javascript (et il faudra sûrement passer par là à un moment donné) mais certaines extensions améliorent la visualisation.

Tag Assistant

Lien : https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk

Tag Assistant vous permet de voir  les tags détectés, déclenchés, les informations envoyées, etc.

GA-tagassistant

Pour une fois, ca ne se passe pas dans la console. Il est donc plus « accessible » que les autres.

Google Analytics Debugger

Lien : https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna?hl=fr

GA debug de son petit nom permet de connaître les informations envoyées.

En fait, sans Google Analytics Debugger, vous pouvez voir les informations brutes.

GAdebug-js

Avec GA debugger, vous verrez quelque chose de plus propre, avec les informations renvoyées :

GAdebug-ON

 

Pour cela, il faut activer l’extension, puis allez dans la console javascript (Ctrl + Maj + J).

Vous devriez voir toutes les infos (sinon, essayez de recharger la page).

WASP Inspector

Lien : https://chrome.google.com/webstore/detail/waspinspector-analytics-s/niaoghengfohplclhbjnjheodgkejpih?hl=fr

Wasp Inspector propose une interface encore plus visuelle, c’est une présentation en arbre, avec les tags, les scripts, les datalayers, etc.

GA-WASP

Une fois le plugin installé, il faut aller dans la console (Ctrl Maj J), allez dans l’onglet WASP et vous verrez un arbre avec plein de choses dedans.

Vous pouvez facilement visualiser les relations entre les tags et les scripts :

GTM-wasp-relations

Dans la colonne de droite, vous pouvez inspecter le détail des informations envoyées (exemple pour un l’événement qui permet d’avoir un taux de rebond plus précis) :

GTM-waspinfo

Tag Manager Sonar

Lien : https://chrome.google.com/webstore/detail/gtm-sonar/iiihoahkpncaheicjfemhjkkfamcahcd

Cette extension est pratique si vous utilisez Google Tag Manager. Elle permet de voir si les écouteurs (clics, liens, formulaires) fonctionnent bien.

Là encore, il faut faire appel à la console javascript.

Après avoir activé le plugin et indiqué quel type d’écouteur vous souhaitez débugger.

GA-gtmsonarEnsuite faites vos clics ou clics sur liens, etc. Le compteur doit s’incrémenter.

ga-gtmsonarcount

 

Puis ouvrez la console javascript (Ctrl + Maj + J) et tapez debugDL puis entrée:

ga-gtmsonarconsoledebug
Vous verrez alors un tableau avec les différents éléments (object, il y en a bien 5, comme le compteur l’indiquait) et le détail si vous cliquez dessus.

ga-gtmsonar-array

Code editor for GTM

Lien : https://chrome.google.com/webstore/detail/code-editor-for-gtm/nolgbicpmekdflgalbbljkplmgabjmdm

Là, ce n’est pas directement pour débugger. Si vous utilisez Google Tag Manager, et des balises personnalisés, html ou script, au lieu d’avoir le cadre blanc tout simple pour mettre votre code, vous aurez la possibilité d’avoir une présentation plus agréable : compteur de ligne, code en couleur, etc.

C’est plus facile ensuite pour se repérer et voir ses erreurs.

gtm-scripteditor

Edit du 20/07 : Ca y est, il n’y a plus besoin de cette extension pour avoir un code plus attrayant.

Du coup, j’en profite pour présenter une autre extension qui n’est lié à Google Tag Manager mais à Tag Commander.

Vérifier l’implémentation de Tag Commander

Lien : https://chrome.google.com/webstore/detail/tagcommander-assistant/lfaifjhjdolnpnlgeohohaalbeidhlpj

Alors en toute honnêteté, je n’ai pas l’habitude d’utiliser Tag Commander, mais ils font partie des pionniers de ce secteur. Certes, c’est une solution payante (comme…presque toutes avant que Google ne mette les pieds dans le plats) mais lorsque vous payez, vous avez droit à un service et un support personnalisé (contrairement à Google Analytics ou Tag Manager 🙂 ).

Enfin bref, si vous avez choisi Tag Commander, il existe donc également une extension fraîchement sortie, qui semble s’apparenter à ce que fait Tag Assistant et Tag Management Sonar pour google Tag Manager.

gtm-tagcommander

Voilà, bon débuggage 🙂

Laissez un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *