suivi des conversions avancé avec google analytics et google tag manager sur wordpress

Bruno Guyot

Head of Digital Marketing FirstPoint Sàrl – Lausanne

Bruno-guyot.comFirstpoint.ch

Novembre 2016

Suivi des conversions avancé avec Google Analytics et Google

Tag Manager sur Wordpress

https://ch.linkedin.com/in/bruno-guyot-firstpoint

https://twitter.com/ChablaisWeb

http://www.firstpoint.ch/

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

http://www.chablais-web/google-tag-manager-wordpress.php


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


Pourquoi un suivi des conversions avancé ?


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 :-)


Suivi des clics sur les liens externes


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.


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 :


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 : ClicAction : lien externelibellé : {{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.



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 :



Appelez-le Clic sur lien externe. Choisissez-le de type Liens uniquement et configurez comme il suit :



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.


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 :



Et puis pour le fun, revoyons comment en faire un objectif dans Google Analytics. Allez dans l’admin de GA, cliquez sur Objectifs :



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.


Suivi des téléchargements


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.



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 :



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.



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 :



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 :



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).


Suivi des clics sur les adresses email


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).



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 :



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 :



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.


Suivi des clics sur les numéros de téléphones cliquables


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:



Dans GTM, créez une nouvelle balise Google Analytics de type événement que vous appellerez « GA – event – Clic téléphone » :



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 :



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.



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

http://danwilkerson.com/indispensable-custom-tag-manager-macros/#BKE1!F.6ODrv


Suivi de l’envoi des formulaires


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 :


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 :


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 :


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.


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 :



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.



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


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 :


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.


Suivi des pages 404


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.



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)



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 :



Grâce à cette variable, l’on peut facilement créer un déclencheur dont la condition serait titre de la page contient page introuvable :



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).



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 ;-)


Aller plus loin

• Utilisations avancées du Tag Manager• Formation• Taggage de votre site


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é :






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).


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


Merci pour votre intérêt

Vous avez appris des choses? Partagez !
