Installer le pixel Facebook avec Google Tag Manager (Guide 2024)

installer le pixel facebook aevc Google Tag Manager

Écrit par Frédéric Schauffler

Frédéric est le fondateur de Nomad Click, une plateforme qui publie des guides et articles sur le marketing digital (Acquisition, Conversion et Stratégie).
Temps de lecture : 11 minutes

Mise à jour le 9 mai 2024 @ 4:03 pm

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.

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 ?

accédez au gestionnaire d'événement dans le menu Facebook

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.

trouver votre id pixel Facebook dans le gestionnaire événement

2.2 Si vous n’avez pas de pixel Facebook

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.

ajouter un nouveau pixel meta

 

3. Comment installer le Pixel Facebook avec Google Tag Manager ?

Il est possible d’installer le tracking de Facebook de deux façons :

  1. Utiliser une balise HTML personnalisé
  2. 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 :

  1. Facebook Customer Chat
  2. Facebook Pixel

2) Cliquez sur Facebook Pixel

rechercher modèle Facebook pixel dans la galerie Google tag manager

1) Ensuite cliquez sur “Ajouter à l’espace de travail ».

2) Cliquez sur “Ajouter”.

ajouter à l'espace de travail le modèle facebookarchive gtm

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”

ajouter la nouvelle balise avec le modèle Facebook Pixel dans google tag manager

 

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

Configurer la balise facebook dans google tag manager

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.

ajouter le déclencheur pageview pour la balise pixel facebook google tag manager

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

Balise FB Pixel - Event PageView

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

 

ajouter la nouvelle balise avec le modèle Facebook Pixel dans google tag manager

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

Configurer la balise facebook avec évènement standard subscribe dans google tag manager (2)

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

ajouter un déclencheur page view dans votre balise facebook google tag manager

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”

exemple page confirmation newsletter

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

ajouter un déclencheur envoie de formulaire dans votre balise facebook google tag manager

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”

Exemple déclencheur envoie Formulaire Newsletter balise google tag manager1) 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.

enregistrer balise facebook avec evenement standard subscribe et déclencheur envoie formulaire

 

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”

enregistrer balise Facebook avec évènement personnalisé déclencheur timer

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

déclencheur minuteur google tag manager

Une fois le déclencheur renseigné, je clique sur le bouton « Enregistrer ».

enregistrer balise Facebook avec évènement personnalisé déclencheur timer

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 :

  1. Vérifier la vue d’ensemble de votre gestionnaire d’événements
  2. Utiliser l’outil “Evénements de Test”
  3. Utiliser l’extension Chrome “Meta Pixel Helper”
  4. 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.

vue d'ensemble gestionnaire évènement facebook

 

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.

renseigner url pour tester évènement Facebook dans outil gestionnaire

 

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

diagnostic évènement de test outil gestionnaire des événements facebook

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.

Meta Pixel Helper pour vérifier vos balises facebook

 

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

tester vos balises avec l'outil de prévisualisation Google Tag Manager

 

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.

 

Tu pourrais également aimer…

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Inscrivez-vous à la newsletter 📩

(comme plus de 620 personnes)

Recevez un email par mois sur les sujets chauds du moment sur Google Ads et les stratégies d’acquisition 🚀
Share This