Installer le pixel Facebook avec Google Tag Manager peut vous aider à mesurer efficacement vos campagnes si vous faites de la publicité en ligne.
Le Pixel aide Facebook à comprendre la manière dont les utilisateurs interagissent sur votre site web.
👉 Chaque fois qu’un visiteur réalise une conversion sur votre site, le pixel enregistre cette interaction et utilise ces données pour optimiser vos campagnes.
Une conversion peut être un achat ou un formulaire rempli par un prospect.
Dans ce guide, je vais vous montrer comment installer le Pixel Facebook avec Google Tag Manager.
1. Qu’est-ce que le Pixel Facebook ?
Le Pixel Facebook est une solution créée par Meta qui vous permet de mesurer le comportement des utilisateurs sur votre site.
Ces informations peuvent être utilisées pour :
- suivre les conversions
- optimiser les campagnes
- ou créer des audiences
👉 Une fois que vous avez placé le code de suivi du pixel sur votre site web, les données des visiteurs sont envoyés à Meta.
Voici un article qui pourrait vous intéresser sur le pixel Facebook :
Les avantages d’utiliser le Pixel Meta sont nombreux :
En un mot, en utilisant Facebook Pixel, vous pourrez :
Suivre vos conversions
Les conversions sont les actions que vous souhaitez que vos utilisateurs effectuent sur votre site Web.
Une conversion peut représenter :
- Une inscription à votre newsletter
- Un abonnement à votre logiciel
- Ou un achat d’un de vos produits
👉 En suivant les conversions, vous pouvez indiquer à Facebook :
Le visiteur Y a effectué des actions spécifiques qui correspondent à vos objectifs commerciaux.
Ces informations sont utiles pour déterminer les publicités les plus efficaces dans vos campagnes.
Créez des audiences de retargeting
Par exemple, le pixel vous permet de cibler :
- les personnes qui ont consulté des pages stratégiques pour votre site web (page pricing ou étude de cas client)
- ou ceux qui ont ajouté au panier des produits
2. Comment obtenir l’ID de votre Meta Pixel ?
Pour tracker vos événements dans Facebook avec Google Tag Manager, nous avons besoin de l’ID de votre pixel.
👉 Nous allons donc récupérer l’ID du pixel Meta dans cette section.
Vous verrez que nous l’utiliserons dans les sections suivantes de cet article pour configurer vos balises dans GTM.
2.1 Comment trouver l’ID de son pixel ?
- Pour commencer, connectez-vous à votre compte business manager.
- Cliquez sur l’icône Menu dans le coin supérieur gauche de votre compte.
- Recherchez dans la liste “Gestionnaire d’événements”.
- Cliquez dessus.
1) Accédez ensuite dans le menu de gauche à “Sources de données”.
2) Une liste s’affiche avec les pixels rattachés à votre compte.
Recherchez le pixel qui vous intéresse.
3) Copier l’ID situé en dessous du nom de votre pixel.
Si vous n’avez pas encore créé de pixels alors suivez les instructions :
1) Cliquez sur “Connecter des sources de données”
2) Sélectionnez l’option “Web” puis cliquez sur “connecter”
3) Donnez un nom à votre pixel puis cliquez sur “créer”.
👉 Une fois créé, votre nouveau pixel s’affiche dans la liste des pixels de votre gestionnaire d’événements.
3. Comment installer le Pixel Facebook avec Google Tag Manager ?
Il est possible d’installer le tracking de Facebook de deux façons :
- Utiliser une balise HTML personnalisé
- Utiliser un modèle existant de tracking
Nous allons utiliser la seconde méthode.
👉 Pour ce faire, nous allons utiliser un modèle de suivi des événements Facebook créé par Simo Ahava.
Son modèle facilite la gestion des balises Meta Pixel avec Google tag Manager.
3.1 Ajouter un modèle personnalisé de pixels Facebook
Connectez-vous à votre compte Google Tag Manager.
👉 Ensuite, rendez-vous dans le menu « Modèle ».
1) Cliquez sur “Rechercher dans la galerie” pour rechercher le modèle personnalisé qui nous intéresse.
Une fenêtre s’ouvre.
Tapez “Facebookarchive”.
Deux options s’affichent :
- Facebook Customer Chat
- Facebook Pixel
2) Cliquez sur Facebook Pixel
1) Ensuite cliquez sur “Ajouter à l’espace de travail ».
2) Cliquez sur “Ajouter”.
3.2 Ajouter la nouvelle balise Pixel Facebook
Nous allons ajouter la nouvelle balise Pixel Facebook puis la configurer.
1) Pour commencer, accédez à l’option “Balises” dans le menu de votre compte Google Tag Manager.
Puis cliquez sur “Nouvelle”.
2) Cliquez dans l’espace “Configuration de la balise”
3) Une fenêtre s’ouvre avec la liste des balises disponibles.
Cliquez “Facebook Pixel”
3.3 Configurez la balise Pixel Facebook
Une interface s’affiche pour configurer votre balise du pixel meta.
Depuis cet espace, assurez-vous de renseigner les éléments suivants :
1) Donnez un nom à votre balise
Par exemple : FB Pixel – Page view
2) Renseignez l’ID de votre pixel
3) Assurez-vous que l’événement standard PageView est bien sélectionné dans la liste “Event Name”.
1) Ensuite choisissez le déclencher “All Pages” dans l’espace “Déclenchement”.
Cela signifie que votre balise va se déclencher lorsqu’ une page de votre site web est consultée par un visiteur.
2) Cliquez sur “Enregistrer” pour terminer le processus.
Félicitation votre balise de suivi Facebook a été créé.
3.4 Mettre en ligne la balise
Votre balise est créé dans Google Tag Manager.
Mais elle n’est pas encore en ligne.
👉 Pour la mettre en ligne, cliquez sur le bouton bleu “Envoyer” depuis votre espace GTM.
Renseignez un nom de la version de votre balise.
Cliquez sur “Publier”.
Votre balise avec le pixel meta est officiellement en ligne !
4. Comment suivre les événements avec le Pixel Facebook et Google Tag Manager ?
Nous avons implémenté et configuré notre balise de suivi Facebook avec Google Tag Manager.
Nous suivons désormais l’événement “Page view”.
C’est un bon début.
👉 Toutefois pour aller plus loin dans le tracking de Facebook, vous avez besoin de suivre d’autres événements.
Par exemple, quels sont les actions effectuées par les personnes sur votre site web :
- Ont-ils réalisé des achats ?
- Ont-ils rempli un formulaire ?
- Se sont-ils inscrits à votre newsletter ?
- Ont-ils visionné des vidéos ?
- Ont-ils consulté plus de 50% du contenu des articles de votre blog ?
L’objectif est de mesurer leur engagement en suivant des événements.
👉 Ces données basées sur les événements sont nécessaires pour obtenir des renseignements précieux sur le comportement des utilisateurs sur votre site.
Et optimiser le cas échéant votre site web ou vos campagnes si les résultats sont décevants.
Le suivi des événements est donc essentiel.
Nous pouvons distinguer deux types d’événements :
- Evénements standard
- Evénements personnalisée
4.1 Les événements standards
Selon Facebook :
Les événements désignent les actions qu’effectuent les visiteurs sur votre site web.
Les évènements standard sont prédéfinis par Meta et permettent de :
- consigner les conversions
- d’optimiser vos publicités à des fins de conversion
- et de développer des audiences
Voici la liste des événements pris en compte par Facebook :
- Ajout des informations de paiement
- Ajout au panier
- Ajout à la liste d’envies
- Terminer l’inscription
- Contact
- Personnalisation du produit
- Faire un don
- Recherche de lieu
- Initier un paiement
- Prospect
- Achat
- Calendrier
- Recherche
- Démarrage de période d’essai
- Envoi de demande
- S’abonner
- Vue du contenu
Source : Evènements standards meta
4.2 Les événements personnalisés
Les événements personnalisés sont des interactions qui ne font pas partie des événements standards de Facebook.
Par exemple:
- Consulter une page prix
- Cliquer sur un CTA spécifique
- Lecture vidéo
Toutes ces actions sont des événements personnalisés.
👉 Nous verrons que le suivi des événements personnalisés est peu différent par rapport aux événements standards.
Et justement, nous allons créer deux événements Facebook (personnalisé et standard) dans Google Tag Manager.
4.3 Trackez un envoi de formulaire avec un événement Standard
Imaginons que vous souhaitez suivre toutes les personnes qui s’abonnent à votre newsletter payante.
Dans la liste des événements standards, nous pouvons utiliser l’événement standard “S’abonner” (ou “Subscribe” en anglais).
S’abonner = Démarrage d’un abonnement payant à un produit ou un service que vous proposez.
Pour commencer
- Dans Google Tag Manager, accédez à l’espace “Balises”.
- Cliquez sur “Nouvelle”.
- Sélectionnez le Pixel Facebook dans la liste des balises
Ensuite saisissez les paramètres suivants :
1) Donnez un nom à votre balise
Par exemple : FB Pixel – Subscribe
2) Renseignez l’ID de votre pixel
3) Sélectionnez l’événement standard “Subscribe” dans la liste “Event Name”.
Pour le déclencheur, vous avez deux options :
- Déclencher votre balise lorsqu’une personne a visité la page de confirmation à l’inscription à votre newsletter.
- Déclencher votre balise lorsqu’une personne a enregistré l’envoie de formulaire de votre votre newsletter
👉 Examinons les deux options.
1) Suivi d’une page de confirmation
1) Cliquez dans l’espace déclenchement de votre balise
2) Une liste s’affiche avec vos déclencheurs
Cliquez sur le symbole + en bleu pour créer un nouveau déclencheur
3) Sélectionnez “Page vue” dans le type de déclencheur à créer
Configurez ensuite votre déclencheur de cette manière :
- Renseignant un nom
Page confirmation newsletter - Sélectionnez l’option “Certaines pages vues” dans Conditions dans lesquelles le déclencheur est exécuté
- Choisir ”Page Path” dans la liste
- Sélectionnez l’option “Contient” comme condition
- Puis renseignez le chemin de l’URL de confirmation de votre page de newsletter
/confirmation-newsletter/ correspond à l’url de redirection après qu’une personne s’inscrit à ma newsletter - Cliquez sur “Enregistrer”
Pour terminer, cliquez sur “Enregistrer” pour créer votre balise des événements Subscribe.
Cette balise va se déclencher à chaque fois qu’une personne s’inscrit à votre newsletter.
2) Suivi d’un envoi de formulaire
👉 Réalisez la même manipulation qu’auparavant pour ajouter un déclencheur.
Dans la liste des déclencheurs, sélectionnez “envoie de formulaire”.
Configurez ensuite votre déclencheur en :
- Renseignant un nom
Envoi Formulaire newsletter
- Sélectionnez l’option “Certains formulaires” dans Conditions dans lesquelles le déclencheur est exécuté
- Choisir dans la liste une manière de différencier vos formulaires entre eux.
Il est possible de différencier vos formulaires en fonction de l’ID ou Class Form - Sélectionnez l’option “Contient” comme condition
- Puis renseignez le Form Class de votre formulaire de newsletter
Dans mon exemple, le Class Form de mes formulaires de newsletter contient newsletter - Cliquez sur “Enregistrer”
1) Ensuite choisissez le déclencheur “Envoie de formulaire” dans l’espace “Déclenchement”.
Cela signifie que votre balise va se déclencher lorsqu’un formulaire est enregistré sur votre site web.
2) Cliquez sur “Enregistrer” pour terminer le processus.
4.4 Trackez le scrolling sur votre site web avec un événement personnalisé
Imaginez que vous souhaitez suivre toutes les personnes qui ont passé plus de 30 secondes sur votre site internet.
Il n’existe pas d’événement standard pour ce type d’action.
Nous allons donc créer un événement personnalisé.
👉 Dans Google Tag Manager, accédez à l’espace “Balises”.
Cliquez sur “Nouvelle”.
Sélectionnez Pixel Facebook et saisissez les paramètres suivants :
1) Donnez un nom à votre balise
Par exemple : FB Pixel – 30 secondes et plus
2) Renseignez l’ID de votre pixel
3) Sélectionnez l’événement Custom puis donner un nom à votre événement personnalisé
Par exemple “30secondes”
- Ensuite sélectionnez le déclencheur “Timer” dans la liste des déclencheurs.
- Renseignez un nom à votre déclencheur.
Exemple : Plus de 30 secondes - Puis configurer la valeur en millisecondes qui correspond au moment ou la balise doit se déclencher.
Dans mon exemple, j’ai configuré 30 000 milisecondes.
👉 Ainsi la balise se déclenche après que la personne ait passé plus de 30 secondes sur le site web.
Vous pouvez cibler des pages particulières de votre site web.
Ici la balise concerne toutes les pages de mon site.
Cliquez sur « enregistrer » pour continuer le processus.
Une fois le déclencheur renseigné, je clique sur le bouton « Enregistrer ».
Ma balise avec un événement personnalisé est officiellement créée !
N’oubliez pas de publier en ligne votre balise dans Google Tag Manager.
5. Vérifier que votre pixel fonctionne
Vous avez créé et publié vos événements Meta dans Google Tag Manager.
Maintenant la dernière étape est de s’assurer que toutes les données remontent correctement dans Meta.
Il existe 4 méthodes pour vérifier que votre pixel et vos événements fonctionnent correctement :
- Vérifier la vue d’ensemble de votre gestionnaire d’événements
- Utiliser l’outil “Evénements de Test”
- Utiliser l’extension Chrome “Meta Pixel Helper”
- Prévisualiser vos balises avec Google Tag Manager
5.1 Vue d’ensemble
Pour vérifier si votre pixel fonctionne correctement sur votre site, observez les données dans l’onglet “Vue d’ensemble” dans votre gestionnaire d’événements sur Meta.
Si tout fonctionne bien, vous verrez les événements que vous avez configurés dans le panneau de résultat.
Dans mon exemple, mes événements configurés dans le passé remontent correctement :
- PageView
- ViewContent
- Prospect
- Inscription Terminée
👉 Vous verrez le statut “Actif” à côté de chaque événement.
Ainsi que le nombre total d’événements enregistré au cours d’une période donnée (X heures ou Y jours).
Si le statut de votre pixel est “Aucune activité pour l’instant”, vous pouvez utiliser l’outil “Événements de Test” pour détecter la source du problème.
5.2 Evénements de Test
L’outil « Evénements de Test » vous permet de vérifier que vos événements se déclenchent en live et que les données remontent correctement dans Facebook.
Pour utiliser l’outil, cliquez sur l’onglet “Événements de test” dans le gestionnaire des événements de Facebook.
Ensuite, renseignez votre nom de domaine.
Une fenêtre s’ouvre avec votre site web.
👉 Interagissez sur votre site pour déclencher les événements attendus.
Dans mon exemple, après être resté plus d’une minute sur une page de mon site, l’événement personnalisé “30 secondes” s’est correctement déclenché.
5.3 Meta Pixel Helper
L’outil Pixel Helper est une extension pour le navigateur Chrome qui s’exécute en arrière-plan de manière à examiner le code du pixel Meta sur votre site web.
👉 Une fois l’extension installée, l’icône de Pixel Helper </> apparaît en haut à droite du navigateur, à côté de la barre d’adresse.
Si le site web visité comprend un ou plusieurs pixels Meta installés, cette icône devient bleue et affiche un petit badge indiquant le nombre de pixels détectés sur la page web.
Si l’icône ne devient pas bleue, cela signifie qu’aucun pixel Meta n’est installé sur cette page web.
👉 Une fois installé, accédez à votre site web dans votre navigateur Chrome et cliquez sur l’icône Pixel Helper.
Vous pouvez voir les évènements du pixel qui ont été trouvés sur la page et vérifier s’ils ont bien été chargés, mais également consulter des conseils de résolution en cas de problème.
5.4 Prévisualiser vos balises avec Google Tag Manager
Vous pouvez utiliser l’outil de prévisualisation de Google Tag manager pour vérifier le bon déclenchement de vos balises.
Pour ce faire, cliquez sur “Prévisualiser” dans votre compte Google Tag Manager.
👉 Renseignez ensuite votre nom de domaine et cliquez sur “Connect”
Deux pages s’ouvrent :
- Une fenêtre avec votre site web
- Une fenêtre avec le suivi du déclenchement de vos balises
Commencez à faire des tests sur votre site web :
- Un achat test
- Remplissez un formulaire
Dans mon exemple, je me suis abonné à ma newsletter.
👉 L’outil de prévisualisation de Google Tag Manager confirme en direct le bon déclenchement de l’événement standard de Meta « Subscribe ».
Conclusion
Installer le pixel Facebook avec Google Tag Manager aide un levier important pour tracker tous les événements stratégiques sur votre site web.
👉 Les possibilités offertes par GTM vous permettent de construire un suivi des conversion qui s’adapte au parcours d’achat du client.
J’espère que cet article vous a plu.
Merci de le partager sur les réseaux sociaux pour lui donner de la force 🚀
Si vous avez des questions, je me ferai un plaisir de vous répondre ✍️
Sur ce, à bientôt.
0 commentaires