Comment créer des événements sous Google Tag Manager pour les non techniciens ?

Nous sommes souvent confronté à récupérer des informations qui ne passent pas par url ou qui ne rechargent pas la page. Il est donc difficile de récupérer des événements comme

Le téléchargement d'un PDF
Le temps passé une page
Le clic vers le téléchargement d'une app iOS et Androïd
L'affichage d'une modale qui confirme l'envoi d'un formulaire
... etc

en tant que non technicien, vous devrez faire appel à un intégrateur pour vous aider.

Etape 1: Bien définir votre besoin pour brieffer l'intégrateur aussi clairement que possible

Ne demandez pas à l'intégrateur de suivre le téléchargement de fichier.

Demandez lui de suivre le clic sur les liens qui pointent vers un PDF dans la médiathèque.

Vous voyez la différence ?

Etape 2: Communiquez à l'intégrateur le dataLayer que vous voulez obtenir

Si vous ne savez pas trop ce qu'est un dataLayer, voici une explication

https://developers.google.com/tag-manager/devguide

Voici la structure du dataLayer. Utilisez la, elle fonctionne dans tous les cas de figure

dataLayer.push({

'event' : 'xxxxxx',

'eventCategory' : 'xxxxxx',

'eventAction' : 'xxxxxx',

'eventLabel' : 'xxxxxx',

'eventValue' : xx

});

définition des valeurs:

event = nom du trigger. Il nous sera utile dans GTM. Il ne sert à rien pour GA
eventCategory = le nom de la catégorie par exemple téléchargement PDF, liens sortants, téléchargement mobile apps)
eventAction = Par convention interne, ce sera le plus souvent le nom de la ressource (le nom du ficher PDF, l'url du lien sortant, l'OS de la mobile app téléchargée)
eventLabel = Par convention interne, ce sera souvent l'url où l'event c'est déroulé
eventValue = Optionnel et rarement utilisé, vous pouvez ajouter une valeur monétaire à votre event

Un lien vers l'explication officielle des events

https://developers.google.com/analytics/devguides/collection/analyticsjs/events

https://support.google.com/analytics/answer/1033068#Anatomy

Communiquez ce dataLayer à l'intégrateur avec des exemples et/ou des règles pour qu'il comprenne bien vos propos

Quand vous avez la confirmation que le dataLayer est intégré, vérifiez si ça correspond à ce que vous voulez en utilisant l'extension dataslayer

Téléchargez l'extension dataslayer

https://chrome.google.com/webstore/detail/dataslayer/ikbablmmjldhamhcldjjigniffkkjgpo

Ouvrez la console developper de votre navigateur et ouvrez l'onglet dataslayer Faites un test qui devrait déclencher votre event

Regardez si votre event passe

Etape 3: Setter Google Tag Manager

Rendez-vous dans les variables et assurez-vous que les variables eventCategory, eventAction, eventLabel et eventValue existent. si elles n'existent pas, créez les. Recopiez simplement les variables que vous trouverez sur le template GTM
Rendez-vous dans les déclencheurs et créer en un nouveau à partir d'un événement personnalisé Dans le champ nom de l'événement, faites un copier/coller de la valeur de event du dataLayer
Rendez-vous dans les balises et assurez-vous qu'une balise nommée UA event Generic existe. Si ce n'est pas le cas, créer la sur base de la balise nommée "02. UA event Generic - BR not impacted" que vous trouverez dans le template GTM

Vous pouvez aussi copier l'item "Generic events - bounce rate not impacted" de la librairie gtmtools.com

Etape 4: Testez votre intégration

Ouvrez Google Analytics sur une vue raw ou test, ouvrez les rapports en temps réels au niveau des événements
Effectuez une prévisualisation dans GTM
Ouvrez le site client et faites un test
Retournez dans GA pour voir passer votre event. Si vous ne le voyez pas dans les 15 secondes, c'est qu'il y a un problème quelques part