Comment tracker sa landing page avec Google Tag Manager

Mettez en place un tracking efficace sur votre landing page en 15 minutes avec Google Tag Manager.

Le 03 septembre 2018
|
Victor Leboda
|
Tracking

Après avoir créé votre compte Google Tag Manager et Google Analytics. Ajoutez votre script de tracking sur votre page (si vous ne savez pas comment faire, regardez ici), passons à la configuration de Google Tag Manager.

Voilà le setup de base que j’utilise systématiquement après avoir créé une landing page. Rapide et efficace.

1) Créer une nouvelle variable

Cliquez sur Nouvelle variable

Nommez votre variable « GA - id»

Cliquez sur « configuration de la variable »

Choisissez le type de variable « Paramètres GA »

Ajoutez l’Id du compte Google Analytics de votre landing page

Enregistrez.

2) Configurez vos variables

Toujours dans la section Variables cliquez sur Configurer

Cochez toutes les variables intégrées qui suivent :

  • Pages (toutes les cases)
  • Utilitaires (“event”)
  • Clics (toutes les cases)
  • Formulaires (toutes les cases)

3) Créez vos balises

Nous allons tracker un certain nombre d’actions grâce à des balises. Voilà un exemple des balises les plus importantes :

  • Page view
  • All clicks
  • All link clicks
  • Certains clics
  • All form submit
  • ABR

Rendez-vous dans la section Balises et cliquez sur Nouvelle pour créer votre première balise.

1. Page view

Nommez votre balise “GA - Page view”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics - Universal analytics”

Type de suivi : Page vue

Paramètres Google Analytics : {{GA - id}}

Déclenchement :

All Pages

2. All clicks

Nommez votre balise “GA - all clicks”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics — Universal analytics”

Type de suivi : Événement

Catégorie : all clicks

Action : click

Accès non comptabilisé comme une interaction : Faux

Paramètres Google Analytics : {{GA — id}}

Déclenchement :

Nommez votre déclencheur : Click

Configuration du déclencheur :

Type de déclencheur : Clic > Tous les éléments

Conditions dans lesquelles le déclencheur est exécuté : Tous les clics

3. All link clicks

Nommez votre balise “GA - all clicks”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics — Universal analytics”

Type de suivi : Événement

Catégorie : all link clicks

Action : {{Click Text}} — {{Click Classes}} — {{Click ID}} — {{Click URL}}

Libellé : {{Page URL}}

Accès non comptabilisé comme une interaction : Faux

Paramètres Google Analytics : {{GA — id}}

Déclenchement :

Nommez votre déclenchement : Click link

Configuration du déclencheur :

Type de déclencheur : Clic > Liens uniquement

Conditions dans lesquelles le déclencheur est exécuté : Tous les clics sur un lien

4. Certains clics

Imaginez que vous veuilliez tracker tous les clics sur un lien qui pointe vers un site.

Nommez votre balise “nom-du-lien link clicks”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics - Universal analytics”

Type de suivi : Événement

Catégorie : nom-du-lien link clicks

Action : {{Click Text}} — {{Click Classes}} — {{Click ID}} — {{Click URL}}

Libellé : {{Page URL}}

Accès non comptabilisé comme une interaction : Faux

Paramètres Google Analytics : {{GA — id}}

Déclenchement :

Nommez votre déclenchement : nom-du-lien link clicks

Configuration du déclencheur :

Type de déclencheur : Clic > Liens uniquement

Conditions dans lesquelles le déclencheur est exécuté : Certains clics

Vous allez devoir choisir l’élément permettant de trouver votre lien sur la page. Cela signifie qu’il va falloir trouver un élément unique sur votre lien.
Le meilleur moyen de trouver ça c’est d’ouvrir votre inspecteur (clic droit > inspecter l’élément ou CMD+ALT+I sur mac). Utilisez le sélecteur et choisissez sur la page votre lien en cliquant dessus. Vous pouvez voir dans le HTML de la page le nom de la classe CSS branchet-link. Vous pouvez choisir cet élément si cette classe n’est nullepart ailleurs. C’était mon cas.

Exécuter ce déclencheur lorsqu’un événement se produit et lorsque toutes ces conditions sont remplies : Click Classes > contient > nom-de-la-classe

Si votre classe est utilisée à d’autre endroit, vous trackerez tous les éléments de la page avec cette classe. Il vous faudra donc choisir l’Id de votre élément, ou donner un Id à votre lien s’il n’en a pas.
Dans ce cas : Exécuter ce déclencheur lorsqu’un événement se produit et lorsque toutes ces conditions sont remplies : Click Id > contient > nom-de-votre-id

5. All form submit

Nommez votre balise “GA - all form submit”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics - Universal analytics”

Type de suivi : Page vue

Paramètres Google Analytics : {{GA — id}}

Déclenchement :

Nommer votre déclencheur : all form submit

Type de déclencheur : Envoi de formulaire

Conditions dans lesquelles le déclencheur est exécuté : Tous les formulaires

Ce déclencheur vous permet de tracker l’envoi de formulaires, plutôt qu’un simple clic sur le bouton qui mène à votre formulaire (Typeform par exemple).

Si vous utilisez Typeform pour vos formulaires, je vous invite vivement à consulter l’excellent article de Benjamin Gabay sur le cross domain tracking, pour apprendre à attribuer une conversion en utilisant typeform .

6. ABR (Adjusted Bounce Rate)

Ce qu’on appelle “Bounce” est une personne venue sur votre landing page qui a quitté votre site sans interagir (clic ou changement de page par exemple). Pourtant cette personne peut avoir lu durant un certain temps le contenu de votre page. Pour cela nous ne voulons pas compter comme un bounce une personne ayant passé plus de 30 secondes sur notre landing page. Avec notre ABR, nous allons donc déclencher un événement au bout de 30 secondes passées par un internaute sur notre landing.

Nommez votre balise “ABR”

Configuration de la balise :

Sélectionnez un type de balise : “Google Analytics — Universal analytics”

Type de suivi : Événement

Catégorie : ABR

Action : 30 sec

Libellé : 30 sec

Paramètres Google Analytics : {{GA - id}}

Déclenchement :

Nommer votre déclencheur : Timer 30 sec

Type de déclencheur : Minuteur

Nom de l’événement : gtm.timer

Intervalle : 30000

Limite : 1

Activer ce déclencheur lorsque toutes ces conditions sont remplies : Click Classes > contient > *

Conditions dans lesquelles le déclencheur est exécuté : Tous les minuteurs

4) Tester vos balises

Prévisualisation

Après chaque nouvelle création de balise, utilisez la fonction de prévisualisation et vérifiez s’il est se déclenche correctement. Pour cela, cliquez sur l’outil de prévisualisation de Google Tag Manager.




Retournez sur votre landing page, actualisez la page et vous devriez voir la console de GTM apparaître. Cliquez sur vos liens trackés (par exemple), vous devriez voir votre tag apparître dans “Tags Fired On This Page”.

Lorsque tout fonctionne, n’oubliez pas de cliquer depuis Tag manager sur Envoyer.

Je vous conseille également d’installer l’extension chrome Tag Assistant. Elle permet de vérifier rapidement si Tag manager et Analytics sont bien installés, détecte les erreurs de tag et vous donne les indications nécessaires pour les corriger.

Conclusion

Voilà, vous avez une configuration vous permettant de tracker les événéments les plus importants de votre landing page. Bien sûr, vous pouvez installer d’autres balises que vous pouvez ajouter à votre tracking, par exemple un pixel de retargeting Facebook, des tags de conversion Adwords, mais le principal est déjà installé.

En complément, vous pouvez également installer Hotjar pour enregistrer et visualiser le comportement de vos visiteurs sur votre site.

Si vous avez apprécié cet article, appuyez sur les petits 👏 ci-dessous, vous pouvez applaudir plusieurs fois !