Post on 16-Apr-2017
Bruno Guyot
Head of Digital Marketing FirstPoint Sàrl – Lausanne
Bruno-guyot.comFirstpoint.ch
Décembre 2016
Remarketing Facebook avancé avec Google Tag Manager
sur Wordpress
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
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
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.
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 :
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) :
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 :
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).
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.
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.
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.
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 :
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.
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 :
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
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 =>
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.
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.
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)
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.
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.
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.
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 :
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 articlecomplet :
http://www.chablais-web.fr/google-tag-manager-wordpress.php
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
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.
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 :
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).
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 :
Créer un compte Google Tag ManagerCréation des audiences de remarketing dans Facebook
Passez directement en mode personnalisé :
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 :
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) :
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.
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!).
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.
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é :
https://ch.linkedin.com/in/bruno-guyot-firstpoint
https://twitter.com/ChablaisWeb
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