Remarketing Facebook avancé avec Google Tag Manager sur Wordpress

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

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’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

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


Mise en place du pixel Facebook de base


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.


Mise en place du pixel de base


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 :



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



Dans GTM, créez une nouvelle balise, de type HTML personnalisé. Appelez-le Facebook – Pixel de base :



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



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.


Enrichir le pixel de base avec les événements standards : Lead


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.



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 :

https://developers.facebook.com/docs/ads-for-websites/tag-api/


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.

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.



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 :



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

http://www.chablais-web.fr/google-tag-manager-wordpress#suivi-formulaires



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 =>



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.

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



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.


Enrichir le pixel de base avec les événements standards : ViewContent


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)

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



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.





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.






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.



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 :



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 :





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éation d’un séquençage pour les balises Facebook


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.



Pour cela, on va dans la balise, disons ViewContent. On déplie les paramètres avancés puis le séquençage des balises :



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éation des audiences de remarketing dans Facebook


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 :



Passez directement en mode personnalisé :



Ainsi, vous pourrez jouer soit sur les pages soit sur les événements :



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



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






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 !


Remarketing Facebook avancé avec Google Tag Manager sur Wordpress

Marketing

Transcript of Remarketing Facebook avancé avec Google Tag Manager sur Wordpress