Dans cette présentation, vous apprendrez pas à pas à mettre en place le pixel Facebook sur votre site Wordpress par le biais de Google Tag Manager.
Ensuite, vous enrichirez votre pixel de base avec des événements standards qui vous permettront de créer des audiences de remarketing Facebook plus précises que les simples audiences tous les visiteurs.
Enfin, vous apprendrez à mettre en place les audiences dans l'interface de Facebook afin de pouvoir les utiliser dans vos campagnes.
Introduction à l’analyse de site web avec Google Analytics - 2016
Remarketing Facebook avancé avec Google Tag Manager sur Wordpress
1. Bruno Guyot
Head of Digital Marketing
FirstPoint Sàrl – Lausanne
Bruno-guyot.com
Firstpoint.ch
Décembre 2016
Remarketing Facebook avancé
avec 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’extension 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
•Mise en place du pixel Facebook de base
•Enrichissement avec les événements standards
•Mise en place de l’événement lead
•Mise en place de l’événement ViewContent
•Séquençage des balises Facebook
•Création des audiences dans Facebook
5. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base
Le pixel Facebook est un morceau de code JavaScript pour votre site web qui permet de
mesurer, d’optimiser et de créer des audiences pour vos campagnes publicitaires en
fonction des personnes qui ont visité votre site ET qui ont pu être identifiées par
Facebook.
7. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base avec GTM
Commençons par générer un pixel Facebook. Pour cela, depuis votre Business Manager,
vous cliquez sur Pixel dans le menu :
8. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base avec GTM
Une fois sur la page Pixel, vérifiez que vous êtes calé sur le bon compte publicitaire. Si
vous en gérez plusieurs, sélectionnez le bon dans la liste.
Ensuite dans le menu Actions, affichez le code du pixel (ou créez un pixel si vous n’en
aviez pas) :
9. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base avec GTM
Dans GTM, créez une nouvelle balise, de type HTML personnalisé. Appelez-le
Facebook – Pixel de base :
10. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base avec GTM
Dans le cadre qui vous
est proposé, vous collez
le code du Pixel
Facebook copié il y a
quelques instants :
Vous enregistrez. Ensuite
vous cliquez sur le cadre
de déclenchement, et
vous attachez un
déclencheur de type
Page vue (Toutes les
pages).
11. Créer un compte Google Tag
ManagerMise en place du pixel Facebook de base avec GTM
Vous enregistrez votre déclencheur et
votre balise.
Vous passez en mode prévisualisation et
vous vérifiez qu’à chaque page vue, la
balise Facebook – Pixel de base se
déclenche.
Vous pouvez ensuite publier votre
container.
13. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards
Le pixel de base, c’est la base :-)
Ce que je veux dire c’est que grâce à lui, vous pourrez créer des audiences en fonction
des pages vues par les personnes et c’est déjà bien.
Mais si vous souhaitez créer une audience des personnes qui vous ont envoyé un
formulaire par exemple ? Et bien, il va falloir enrichir votre pixel Facebook pour y ajouter
un événement. C’est finalement le même principe que Google Analytics.
14. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Restons dans l’exemple du formulaire. Il y a 2 écoles : soit l’envoi de formulaire redirige
le visiteur sur une nouvelle page (de remerciement ou confirmation), auquel cas l’on va
ajouter l’événement standard sur cette page.
L’autre cas de figure (et c’est le cas avec Contact Form 7), c’est que l’envoi de formulaire
ne redirige pas sur une nouvelle page, auquel cas il faudra déclencher l’événement
standard au moment ou le formulaire est envoyé.
On va voir les 2 cas de figure, ne vous inquiétez pas.
15. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Tout d’abord, allons chercher des
informations sur l’événement lead
ici :
https://developers.facebook.com/
docs/ads-for-websites/tag-api/
On voit que l’événement peut prendre plusieurs paramètres :
une valeur, une catégorie et un nom. Voyons ensuite un
exemple du code qu’il faut insérer dans la balise ici :
https://developers.facebook.com/docs/marketing-
api/facebook-pixel/v2.8 :
16. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Ok donc maintenant, nous avons une bonne idée de ce qu’il faut faire.
Disons que l’on va commencer par le cas ou votre plugin de formulaire est Contact
Form 7.
Commençons par expliquer le concept. Il va s’agir de créer une balise « FB – event –
lead » avec le code qui va bien et de déclencher cette balise à l’envoi du formulaire.
On utilisera ensuite un déclencheur qui détecte l’envoi d’un formulaire contact form 7
pour la déclencher.
17. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Dans GTM, créons
donc une nouvelle
balise HTML
personnalisée que
l’on appelle (sans
surprise) FB –
event – lead.
A l’intérieur de
celle-ci, collez le
code de
l’événement lead :
18. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Dans l’hypothèse où vous
avez un seul formulaire
contact Form 7 sur la page
de contact, vous pouvez
déclencher cette balise
avec un déclencheur
comme celui-ci :
Note : ce déclencheur fait appel à un événement dataLayer expliqué dans une partie
précédente de mon guide complet : http://www.chablais-web.fr/google-tag-manager-
wordpress#suivi-formulaires
19. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Dans l’hypothèse où vous avez un seul
formulaire non contact Form 7 sur la page de
contact, vous pouvez déclencher cette balise
un déclencheur comme celui-ci =>
Notez toutefois
que vous devrez
au préalable
avoir activé les
variables de
Formulaires =>
20. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Il vous faudra ensuite compléter votre déclencheur par une condition supplémentaire
pour préciser davantage le formulaire en question. Exemples :
De nouveau, j’insiste sur le fait que cette présentation est succincte par rapport à
l’article d’origine ou tout est détaillé et expliqué en profondeur : http://www.chablais-
web.fr/google-tag-manager-wordpress.
21. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : événement Lead
Vous pouvez maintenant passer GTM en mode prévisualisation et tester que lorsqu’un
formulaire est envoyé, votre balise se déclenche :
Ensuite, vous pouvez publier.
22. Enrichir le pixel de base avec les
événements standards : ViewContent
23. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Théoriquement, l’événement ViewContent sert à indiquer lorsqu’un page clé a été vu,
comme une page produit ou une landing page. Moi j’aimerais m’en servir pour le
téléchargement de brochure ou de catalogue.
L’idée, c’est de déclencher la balise ViewContent sur le même principe que notre balise
Google Analytics « GA – event – téléchargement ». (mise en place dans une partie
précédente du guide : http://www.chablais-web.fr/google-tag-manager-wordpress.php)
24. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Tout d’abord, allons chercher des
informations sur l’événement
ViewContent ici :
https://developers.facebook.com/
docs/ads-for-websites/tag-api/
On voit que l’événement peut prendre plusieurs paramètres mais qu’aucun ne sont
obligatoires. On utilisera content_name pour renseigner le nom de la brochure ou du
catalogue téléchargé si l’on veut segmenter un peu nos audiences.
Notez que cela n’est possible que si vous avez beaucoup de trafic. En effet, une audience
doit avoir 1000 personnes. Par conséquent, la plupart d’entre vous devront se contenter
de tracker tous les téléchargements, sans les différencier.
25. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Voyons ensuite un exemple du
code qu’il faut insérer dans la
balise ici :
https://developers.facebook.com/
docs/marketing-api/facebook-
pixel/v2.8
Ok donc maintenant, nous avons une bonne idée de ce qu’il faut faire.
26. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Commençons par expliquer le concept. Il va s’agir de créer une balise « FB – event –
téléchargement » avec le code qui va bien et de déclencher cette balise lorsqu’un
téléchargement est effectué par un visiteur.
On utilisera ensuite un déclencheur qui détecte le téléchargement de formulaire pour la
déclencher.
27. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Dans GTM, créons donc une nouvelle balise HTML personnalisée que l’on appelle (sans
surprise) FB – event – téléchargement.
A l’intérieur de celle-ci,
collez le code de
l’événement
ViewContent :
28. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Plusieurs remarques importantes. Déjà, puisqu’il s’agit d’un script, j’ai mis le code entre
balises <script></script>. Ensuite, j’ai simplement utilisé le paramètre content_name
avec une valeur en dur pour marquer le fait qu’il s’agit de téléchargement.
Validez. En terme de
déclenchement, sélectionnez
le déclencheur téléchargement
que nous avions créé quelques
étapes plus tôt. Voir article
complet :
http://www.chablais-web.fr/google-tag-manager-wordpress.php
29. Créer un compte Google Tag
ManagerEnrichir le pixel de base avec les événements standards : ViewContent
Et voila, vous n’avez plus qu’à prévisualiser pour valider sur votre site qu’un
téléchargement déclenche la balise FB – event – téléchargement :
Tout fonctionne. Vous pouvez publier.
On va s’arrêter là pour les événements standards. Vous avez compris le principe. Sachez
quand même qu’il y en a d’autres. Vous pouvez tous les consulter ici :
https://developers.facebook.com/docs/marketing-api/facebook-pixel/v2.8
31. Créer un compte Google Tag
ManagerCréation d’un séquençage pour les balises Facebook
Un point important. Désormais, GTM vous permet de définir l’ordre dans lequel vos
balises doivent se déclencher.
C’est très intéressant puisque la par exemple, on ne veut pas que nos balises
d’événements ViewContent ou Lead se déclenchent avant le Pixel de base. On ne le veut
pas parce que si c’était le cas, ça ne fonctionnerait pas, tout simplement.
On va donc prendre nos 2 balises les unes après les autres et les paramétrer de sorte à
ce qu’elles ne se déclenchent que si la balise Pixel de Base a déjà été déclenchée.
32. Créer un compte Google Tag
ManagerCréation d’un séquençage pour les balises Facebook
Pour cela, on va dans la balise, disons ViewContent. On déplie les paramètres avancés
puis le séquençage des balises :
33. Créer un compte Google Tag
ManagerCréation d’un séquençage pour les balises Facebook
Et on va définir que l’on veut que l’on veut déclencher une balise avant le
déclenchement de celle-ci, en l’occurrence la balise du suivi de base.
Et on peut même aller plus loin en disant que si la balise du Pixel de base n’est pas
déclenchée, on ne déclenche pas celle-la :
Je vous invite à faire de même avec avec la balise Lead (FB – event – lead).
35. Créer un compte Google Tag
ManagerCréation des audiences de remarketing dans Facebook
Ok, allons maintenant jeter un petit coup d’œil rapide dans Facebook afin de voir
comment exploiter tout ce que nous venons de faire. Retournez dans votre page Pixel.
Nous allons créer des audiences :
36. Créer un compte Google Tag
ManagerCréation des audiences de remarketing dans Facebook
Passez directement en mode
personnalisé :
37. Créer un compte Google Tag
ManagerCréation des audiences de remarketing dans Facebook
Ainsi, vous pourrez jouer soit sur les pages
soit sur les événements :
38. Créer un compte Google Tag
ManagerCréation des audiences de remarketing dans Facebook
Quelques audiences intéressantes à créer :
Toutes les personnes qui ont fait un
téléchargement dans les X derniers jours. (X
dépendant du volume de trafic que vous avez) :
Toutes les personnes qui vous ont envoyé un
formulaire dans les X derniers jours. (X
dépendant du volume de trafic que vous avez) :
39. Créer un compte Google Tag
ManagerCréation des audiences de remarketing dans Facebook
Toutes les personnes qui ont vu certaines url
durant les X derniers jours (X dépendant du
volume de trafic que vous avez) :
Il est possible d’aller plus loin en mode avancé. Malheureusement, tous les annonceurs
ne possèdent pas le mode avancé dans leur compte publicitaire.
40. Créer un compte Google Tag
ManagerNote importante concernant les audiences Facebook
Note importante : Pour qu’une audience soit exploitable (qu’on puisse la cibler), elle
doit comporter au moins 1000 personnes. Cela signifie que pour la plupart d’entre
vous, les audiences d’événements seront trop petites, même sur 30 jours. Même sur
90.
Par contre, une audience peut être utilisée en
exclusion quelque soit sa taille. Vous pouvez
donc cibler tous les visiteurs des 15 derniers
jours sauf ceux qui ont envoyé un formulaire
(même s’ils sont 5!).
41. Créer un compte Google Tag
ManagerNote importante concernant les audiences Facebook
Autre chose. Vous pouvez créer une audience similaire à
partir de 100 personnes. Les audiences similaires sont l’un
des ciblages les plus puissants et incontournables de
Facebook (le ciblage par intérêt ne vaut pas grand chose dans
90% des cas).
Tout ça pour dire. Oui votre trafic est trop faible pour pouvoir
faire mumuse comme les grands. Mais ce n’est pas pour
autant que vous ne pouvez pas l’exploiter.
42. Aller plus loin
• Utilisations avancées du Tag Manager
• Formation
• Taggage de votre site
43. 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
44. 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).
45. 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
46. Merci pour votre intérêt
Vous avez appris des choses? Partagez !