Dans cette présentation, vous apprendrez à mettre en place un suivi des conversions avancés grâce à Google Analytics et Google Tag Manager sur n'importe quel site Wordpress.
Vous apprendrez notamment à :
- Suivre les clics sur les liens externes
- Suivre les pages 404
- Suivre les téléchargements
- Suivre l'envoi de formulaire
Et plus encore...
Ces slides sont un condensé d'une petite partie de mon guide complet pour Google Tag Manager et Wordpress, que vous pouvez lire ici : http://www.chablais-web.fr/google-tag-manager-wordpress.php
Introduction à l’analyse de site web avec Google Analytics - 2016
Suivi des conversions avancé avec Google Analytics et Google Tag Manager sur Wordpress
1. Bruno Guyot
Head of Digital Marketing
FirstPoint Sàrl – Lausanne
Bruno-guyot.com
Firstpoint.ch
Novembre 2016
Suivi des conversions avancé
avec Google Analytics et Google
Tag Manager sur Wordpress
2. Créer un compte Google Tag
ManagerLe guide complet de Google Tag Manager pour Wordpress
Dans ce guide de plus de 11000 mots, vous apprendrez à :
• Paramétrer avec précision l’extention GTM Wordpress
• Avoir un suivi Google Analytics top niveau
• Suivre toutes les actions des visiteurs sur votre site
• Mettre en place le pixel Facebook et l’enrichir avec les
événements standards
• Mettre en place un suivi des conversions Adwords
avancé
Ces slides sont un condensé d’une partie de mon guide complet de l’utilisation de
Google Tag Manager avec Wordpress.
Consultez ce guide ici : http://www.chablais-web/google-tag-manager-wordpress.php
3. Au sommaire
•Pourquoi un suivi des conversions avancé ?
•Suivi des clics sur liens externes
•Suivi des téléchargements
•Suivi des clics sur les adresses email
•Suivi des clics sur les n° de téléphones
•Suivi de l’envoi des formulaires
•Suivi des pages 404
5. Créer un compte Google Tag
ManagerPourquoi mettre en place un suivi avancé des conversions ?
C’est grâce à un suivi des précis des micro et macro conversions sur un site que l’on
peut tripler la vitesse à laquelle on est capable d’optimiser des campagnes, qu’elles
soient adwords, facebook, twitter, linkedin, peu importe.
Avoir ces données, c’est ce qui fait la différence entre 5 conversions par mois et 50,
100, 150. Toutes n’ont pas la même valeur, c’est évident, et c’est à prendre en compte
avec jugement lors de vos analyses.
Mais chaque action suivie est un indicateur d’intention qui vous aide à savoir si tel mot
clé ou tel ciblage amène du bon trafic ou non. Fail faster, learn faster :-)
7. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes
Suivre les liens externes. Cela peut être intéressant dans bien des cas de figure (liens
d’affiliation, liens vers des partenaires, liens vers une ressource sur un autre site).
Pour certains, ce sera donc un objectif de conversion. Pour d’autres simplement de
l’information.
Nous allons le voir, GTM permet facilement de suivre les clics sur les liens. Le principe,
c’est de suivre les clics sur les liens dont l’url cible est différente de notre domaine (cas
général) ou correspond à un domaine particulier. Nous allons voir les deux cas.
8. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes
Pour commencer, rendez-vous dans GTM. Si ce n’est pas déjà fait (et ça ne l’est pas par
défaut), activez les variables de clic :
9. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas général
Maintenant, nous allons aller créer une nouvelle
balise Google Analytics de type événement.
Catégorie : Clic
Action : lien externe
libellé : {{clic url}}
Récupérer l’url du lien nous permettra d’avoir un
rapport dédié aux clics sur les liens externes qui
liste toutes les urls cliquées avec le nombre de
clics sur la période donnée.
Ne reste plus qu’à définir un déclencheur.
10. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas général
En fait, si l’on y pense, on veut que ça se déclenche sur toutes les pages dès qu’un lien
différent de votre domaine est cliqué.
Cliquez sur la partie déclenchement, puis sur le + afin de créer un nouveau déclencheur :
11. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas général
Appelez-le Clic sur lien externe. Choisissez-le de type Liens uniquement et configurez
comme il suit :
12. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas général
Enregistrez votre déclencheur, votre balise puis passez en mode debug (bouton
prévisualiser) pour vérifier sur votre site que la balise d’événement GA se déclenche bien
dès lors que l’on clique sur un lien
externe :
Éventuellement, vous pouvez
également vérifier que la balise ne
se déclenche pas lorsque vous
cliquez sur un lien interne. Si tout de
bon, vous pouvez publier votre
balise.
13. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas précis
Tout cela c’est très bien. Mais c’est relativement imprécis.
Que se passe t’il si l’on souhaite mesurer les clics externes vers un domaine précis. Par
exemple, les clics vers mon profil LinkedIn depuis mon site sont importants pour moi.
Aussi je souhaite les mesurer (et en faire un objectif Google Analytics).
Et bien c’est simple, il vous suffit de modifier votre condition de déclenchement pour la
rendre plus précise :
14. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas précis
Et puis pour le fun, revoyons comment en faire un objectif dans Google Analytics. Allez
dans l’admin de GA, cliquez sur Objectifs :
15. Créer un compte Google Tag
ManagerSuivi des clics sur les liens externes – cas précis
Crée un nouvel objectif. Dans la liste des choix proposés, choisissez personnalisé (tout en
bas) et validez.
Ensuite, donnez un nom à l’objectif (Clic
Profil LinkedIn) et en type, choisissez
événement. Enfin, renseignez
exactement les mêmes valeurs de
catégorie et action renseignées dans la
balise GTM.
N’oubliez pas de donner une valeur à
votre objectif.
17. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
Si vous vous souvenez bien, le module avait une option pour suivre les téléchargements
avec en prime, plusieurs extensions de fichiers pré-renseignées :
Ce n’est pas activé de base. Vérifiez si c’est activé chez vous. Si ce n’est pas le cas,
activez-le.
Concrètement, à chaque fois qu’un visiteur va cliquer sur un lien vers un fichier ayant
l’une des extensions suivies (et donc générer un téléchargement), cela va générer un
événement dataLayer.
18. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
Celui-ci sera utilisé pour déclencher un événement Google Analytics. Et faire ensuite de
cet événement un objectif.
Dans le cadre d’un site B2B avec brochures et catalogues, suivre les téléchargements est
important. Mettons donc en place. Faisons le test et cliquons sur un lien qui mène vers
un pdf pour voir ce qu’il se passe :
19. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
On voit qu’un événement gtm4wp.downloadClick est créé dans le dataLayer. Et on va s’en
servir comme déclencheur pour notre
balise d’événement Google Analytics.
Retournez donc dans GTM, créez une
nouvelle balise Universal Analytics de
type événement configurée comme
il suit =>
Au niveau de la valeur, renseignez la
valeur que représente pour vous le
téléchargement d’une brochure.
20. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
Passons maintenant au
déclenchement. Il va
falloir créer un nouveau
déclencheur, de type
événement personnalisé
qu’on appellera
téléchargement et qui
aura la valeur
gtm4wp.downloadClick :
21. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
Vous pouvez maintenant enregistrer
votre déclencheur puis votre balise et
comme toujours, passer en
prévisualisation afin de vérifier si tout
fonctionne :
Ça déclenche bien, pas de
problème, vous pouvez publier
votre container :
22. Créer un compte Google Tag
ManagerSuivi des téléchargements avec Google Analytics et GTM
Toujours le même principe. Si c’est important pour vous, faites de cet événement un
objectif Google Analytics. (Si vous le mesurez, faites en un objectif, basta !)
Notez également que je vous ai montré un cas générique ici : un seul suivi pour tous les
téléchargements.
Mais vous pouvez (devez) bien sûr être plus précis et créer une balise spécifique pour le
téléchargement d’un catalogue ou d’une brochure spécifique.
Pour ce faire, vous créez une balise Google Analytics spécifique avec un déclenchement
similaire mais avec une condition en plus (par exemple, si le téléchargement a lieu sur
une page spécifique ou si l’url du clic contient tel nom de fichier).
24. Créer un compte Google Tag
ManagerSuivi des clics sur les adresses email avec GTM et Google Analytics
Pour ce qui est du clic sur les adresses email, une nouvelle fois,
le module nous simplifie la vie. C’est à dire qu’à chaque fois
qu’une adresse email va être cliquée, un événement dataLayer
va être créé :
L’évènement en question s’appelle donc gtm4wp.emailClick.
Sur le même principe que les suivis de clic précédents, nous
allons nous servir de cet événement personnalisé pour
déclencher un événement Google Analytics (qui lui même
pourra éventuellement déclencher un objectif).
25. Créer un compte Google Tag
ManagerSuivi des clics sur les adresses email avec GTM et Google Analytics
Allons donc dans Google Tag
Manager créer une nouvelle
balise Google analytics de
type événement. Appelons la
GA – event – Clic email.
Configurons la comme il suit :
26. Créer un compte Google Tag
ManagerSuivi des clics sur les adresses email avec GTM et Google Analytics
Il s’agit maintenant
de paramétrer le
déclenchement.
Créez un nouveau
déclencheur de type
événement
personnalisé.
Appelez-le Clic email
et donnez lui la
valeur
gtm4wp.emailClick :
27. Créer un compte Google Tag
ManagerSuivi des clics sur les adresses email avec GTM et Google Analytics
Enregistrez votre déclencheur puis votre
balise. Comme d’habitude, passez en mode
prévisualisation et allez sur votre site
vérifier que lorsque vous cliquez sur une
adresse email, la balise est bien
déclenchée :
Vous pouvez publier votre container ET
faire de cet événement un objectif Google
Analytics.
29. Créer un compte Google Tag
ManagerSuivi des clics sur les numéros de téléphones cliquables
Dans ce cas de figure, le module n’a rien de pré-défini. Il faut donc le faire nous même
manuellement dans GTM.
Qu’est-ce qu’un numéro de téléphone cliquable ? C’est juste un lien ayant pour cible
quelque chose du style tel:0456355163.
Donc, il suffit de mettre en place un déclencheur pour chaque clic sur un lien dont l’url
cible contient tel:
30. Créer un compte Google Tag
ManagerSuivi des clics sur les numéros de téléphones cliquables
Dans GTM, créez une nouvelle
balise Google Analytics de type
événement que vous appellerez
« GA – event – Clic téléphone » :
31. Créer un compte Google Tag
ManagerSuivi des clics sur les numéros de téléphones cliquables
Passons maintenant
au déclenchement,
créez un nouveau
déclencheur. Appelez-
le Clic téléphone. Il
sera de type clic, liens
uniquement, et
répondra à la
condition évoquée
plus haut :
32. Créer un compte Google Tag
ManagerSuivi des clics sur les numéros de téléphones cliquables
Vous pouvez maintenant enregistrer
votre déclencheur, votre balise et
passer comme toujours en mode
prévisualisation pour vérifier que
lorsque vous cliquez sur un numéro de
téléphone cliquable, ça fonctionne :
Vous pouvez publier votre container.
33. Créer un compte Google Tag
ManagerSuivi des clics sur les numéros de téléphones cliquables
Une réflexion quand même par rapport à cette balise. A priori, les clics sur les numéros
de téléphone provenant d’un ordinateur ou d’une tablette ne nous intéressent pas
vraiment.
Alors bien sur, vous pouvez tout à fait segmenter vos données dans Google Analytics et
n’afficher l’information que pour les mobiles.
Un moyen plus élégant serait de créer une variable javascript personnalisée dans GTM.
Et que celle-ci retourne true si le visiteur est sur mobile. Du coup, on pourrait enrichir
la condition de déclenchement en rajoutant une ligne qui dit que la variable (qu’on
peut appeler isMobile) est égale à true.
Pour allez plus loin dans cette direction, voyez la partie 3 de cet article :
http://danwilkerson.com/indispensable-custom-tag-manager-macros/#BKE1!F.6ODrv
35. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires avec GTM et Google Analytics
Le suivi des formulaires est un grand classique. C’est la base du suivi des conversions.
L’un des plugins de formulaire les plus connus se trouve être Contact Form 7. Il se
trouve que le plugin fournit une intégration pour ce plugin de contact en particulier.
En fait, lorsqu’un formulaire est soumit, le plugin génère un événement dataLayer
ayant pour nom gtm4wp.contactForm7Submitted :
36. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires avec GTM et Google Analytics
Grâce à cet événement et sur le même
principe que ce que l’on a fait jusqu’à
présent, on va pouvoir déclencher un
événement Google Analytics pour suivre
l’envoi de formulaire. Et puis évidemment,
on en fera un objectif.
Commençez par créer une balise Google
Analytics de type événement que l’on
appelera GA – event – envoi de formulaire :
37. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires Contact Form 7
Passons maintenant au
déclenchement. Il vous faut créer
un nouveau déclencheur de type
événement personnalisé.
Appelez-le Soumission formulaire
et donnez-lui la valeur
gtm4wp.contactForm7Submitted :
38. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires Contact Form 7
Enregistrez votre déclencheur puis
votre balise. Passez maintenant en
mode prévisualisation et rendez-
vous sur votre site pour vérifier si
l’envoi d’un formulaire déclenche
votre balise :
Vous pouvez ensuite publier votre
container.
39. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires autres que Contact Form 7
Très bien, mais qu’en est il si vous utilisez un
autre plugin de formulaire que Contact Form 7
? Et bien, il faut le faire manuellement par
GTM.
Mais avant quoi que ce soit d’autre, vous allez
devoir activer les variables pré-configurées
liées aux formulaires.
Allez donc dans Variables puis cliquez sur le
bouton configurer. De là, activez toutes les
variables Form :
40. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires autres que Contact Form 7
Maintenant que c’est fait, voyons la
suite. En fait, la balise Google
Analytics reste la même que celle
que l’on a définie pour le formulaire
Contact Form 7. C’est au niveau du
déclencheur que ça change.
Donc, lorsque vous créez le
déclencheur, appelez-le Soumission
formulaire et choisissez le de type
envoi de formulaire. Choisissez
ensuite certains formulaires.
41. Créer un compte Google Tag
ManagerSuivi de l’envoi des formulaires autres que Contact Form 7
Là, vous devrez définir condition de déclenchement. Plusieurs possibilités : si le
formulaire est présent sur une page spécifique :
Si le formulaire possède un id :
Et comment fait on s’il y a plusieurs formulaires dans la page et qu’ils n’ont pas d’id ?
Et bien soit vous ajoutez un id dans le code, soit vous passez par Form Element avec
un selecteur css, soit un Form Class. Les solutions ne manquent pas
42. Créer un compte Google Tag
ManagerCréer un objectif Google Analytics pour suivre les formulaires
Comme toujours, testez en mode prévisualisation que tout fonctionne. Si à l’envoi du
formulaire, la balise se déclenche, publiez.
Enfin, suivre les formulaires étant la base, vous allez créer un objectif Google Analytics.
Ca commence à être classique. Allez dans la partie Admin pour le créer :
43. Créer un compte Google Tag
ManagerCréer un objectif Google Analytics pour suivre les formulaires
Créez un nouvel objectif. Dans la liste des choix proposés, choisissez personnalisé (tout
en bas) et validez.
Ensuite, donnez un nom à votre objectif (Soumission Formulaire par exemple) et en
type, choisissez événement. Enfin,
renseignez exactement les mêmes
valeurs de catégorie et action que
celles renseignées dans la balise GTM.
N’oubliez pas de donner une valeur à
votre objectif.
45. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
Suivre les pages 404 est important. A la fois d’un point de vue expérience utilisateur
(c’est évident) mais aussi d’un point de vue SEO.
En effet, les liens externes qui pointent vers votre site ne lui donnent pas de jus s’ils
pointent sur une page 404. C’est d’ailleurs pour ça qu’une des premières quick wins en
SEO, (pour des sites qui ont déjà quelques temps), c’est de regarder les 404 ayant des
liens externes et de faire des redirections de ces pages vers des pages existantes pour
récupérer le jus perdu.
L’idée donc, c’est d’être informé lorsqu’un visiteur tombe sur une page 404, d’obtenir
l’url de la page demandée (mais qui n’existe pas ou plus) et enfin, d’obtenir le referrer,
c’est à dire l’url de provenance de ce visiteur.
46. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
Comprenons bien avant d’agir. Lorsqu’une url associée à votre domaine mais n’existant
pas est tapée, votre site affiche cette url avec une page d’erreur 404. La page d’erreur
s’appelle souvent page introuvable ce qui permet de l’identifier facilement.
Exemple chez moi :
(Je sais, elle est moche)
47. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
La première étape consiste donc
à aller créer une nouvelle
variable javascript dans GTM.
Elle aura pour nom titre de la
page et pour valeur
document.title :
48. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
Grâce à cette
variable, l’on peut
facilement créer un
déclencheur dont la
condition serait
titre de la page
contient page
introuvable :
49. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
Et l’on va pouvoir maintenant se servir de ce déclencheur pour envoyer une balise
d’événement Google Analytics avec les valeurs qui
nous intéresse.
Quelques explications importantes :
• La variable {{Page URL}} en action va nous permettre
de connaitre l’url exacte qui n’existe pas (ou plus)
• La variable {{Referrer}} en libellé va nous permettre
de connaitre l’url juste avant la page d’erreur (que ce
soit depuis votre site ou depuis un site tiers)
• Le fait de mettre vrai au niveau de l’interaction fait
que cet événement n’impactera pas notre taux de
rebond. (nous avons une autre balise pour ça).
50. Créer un compte Google Tag
ManagerSuivi des pages 404 avec GTM et Google Analytics
Ne vous reste plus maintenant qu’à rattacher le
déclencheur créé précédemment :
Vous pouvez maintenant passer en mode de
prévisualisation, tester sur votre site que la
balise se déclenche bien lors d’une page 404.
Vous pouvez publier votre container.
Notez que faire des pages 404 un objectif peut être une bonne idée pour être sûr de
toujours avoir un œil dessus ;-)
51. Aller plus loin
• Utilisations avancées du Tag Manager
• Formation
• Taggage de votre site
52. Créer un compte Google Tag
ManagerUtilisations avancées du Tag Manager
Google Tag Manager permet d’aller très très loin au niveau de ce qui peut être suivi
et/ou extrait sur un site web ou une application mobile. Quelques exemples :
• Remontée dynamique d’éléments nécessaires au remarketing dynamique sur
Facebook et Google
• Mise en place de tracking avancés : clics sur les liens externes, vues de vidéo,
téléchargement de brochures, suivi de conversations tchat, etc…
• Mise en place dynamique d’éléments dans vos pages : balise canonical, Schema
markup par le biais d’un Json-ld dans le header, etc…
Je rédige régulièrement des articles sur le sujet. Suivez-moi pour rester informé :
https://ch.linkedin.com/in/bruno-guyot-firstpoint
https://twitter.com/ChablaisWeb
53. Créer un compte Google Tag
ManagerFormation
Je dispense des formations de
niveau débutant à avancé sur
Google Tag Manager.
Sur place (dans vos locaux) ou à
distance (session skype +
teamviewer).
54. Créer un compte Google Tag
ManagerTaggage de votre site
Vous savez que Google Tag
Manager est l’outil qu’il vous faut
sur votre site mais vous n’avez pas
envie ou pas le temps de le faire
vous-même ?
Je m’en occupe pour vous
55. Merci pour votre intérêt
Vous avez appris des choses? Partagez !