Installer le Meta Pixel avec Google Tag Manager

Écrit par :  Photo de profil de Lucas Rollin Lucas Rollin

Mis à jour : jeudi 7 septembre 2023

Obtenir l’identifiant du pixel (Meta Pixel ID)

Pour mettre en place le pixel de Meta sur Google Tag Manager, nous avons besoin de récupérer son identifiant depuis le Business Manager de Meta.

Pour commencer, rendez-vous sur https://business.facebook.com.

Allez dans la section Paramètres d’entreprise puis Source de données > Pixels.

Paramètres d'entreprise dans le Business Manager de Meta
Paramètres d'entreprise dans le Business Manager de Meta

Si vous n’avez pas encore de pixel, vous devrez en créer un.

Une fois le pixel créé, cliquez sur son ID pour le copier.

Identifiant du pixel de Meta
Identifiant du pixel de Meta

Installer le code de base du Meta Pixel avec Google Tag Manager (événement Page View)


Dans Google Tag Manager, créez une nouvelle balise et sélectionner ce modèle parmi les modèles de la communauté :

Modèle de balise facebookarchive
Modèle de balise facebookarchive

Vous pouvez ensuite configurer la balise en renseignant les informations suivantes :

  • l’identifiant de votre pixel
  • l’événement que vous souhaitez envoyer (ici sélectionnez l’événement standard PageView)
Configuration de la balise Facebook Pixel pour l'événement PageView
Configuration de la balise Facebook Pixel pour l'événement PageView

Pour rappel, cette configuration correspond au code suivant :

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '587763650172478');
fbq('track', 'PageView');
</script>
<!-- End Meta Pixel Code -->

Cliquez sur Enregister puis publiez vos changements dans votre conteneur.

Installer des événements standards du Meta Pixel avec Google Tag Manager

Maintenant que le code de base est configuré (avec l’événement standard PageView), vous pouvez tracker d’autres événements standards de Meta qui peuvent correspondre au comportement de l’utilisateur sur votre site.

Vous trouverez l’ensemble des événements standards de Meta sur leur documentation officielle.

Nous allons ici installer l’événement Purchase pour l’exemple.

A la différence de l’événement PageView, l’événement Purchase a deux paramètres obligatoire : currency et value.

Configuration de l'événement standard Purchase
Configuration de l'événement standard Purchase

Une fois la balise configurée en suivant les étapes ci-dessus, vous pouvez l’enregistrer et publier vos changements.

Pour tester le bon fonctionnement de la balise, vous pouvez utiliser le debugger de Google Tag Manager et l’extension Meta Pixel Helper.

Vérification de la configuration de l'événement Purchase avec l'extension Meta Pixel Helper
Vérification de la configuration de l'événement Purchase avec l'extension Meta Pixel Helper

On voit ci-dessus que les paramètres sont bien envoyés avec l’événement Purchase et dans la capture juste en dessous que ces mêmes paramètres sont bien reçus par Meta.

Pour réaliser cette vérification, je suis allé dans le gestionnaire d’événements puis dans l’onglet Événements de test.

Événements de test dans le gestionnaire d'événement du Business Manager
Événements de test dans le gestionnaire d'événement du Business Manager

Ajouter des données supplémentaires à vos événements (contents, content_ids) pour bénéficier du catalogue Meta Advantage+

Pour en savoir plus sur le catalogue Meta Avantage+ : https://www.facebook.com/business/help/397103717129942

Rajouter les content_ids à partir du Data Layer e-commerce de GA4

Ressources utiles :

Le Data Layer e-commerce de GA4 met à disposition un tableau de produits appelé items .

Ce tableau items contient la clé item_id qu’on va devoir envoyer à Meta pour chaque produit.

Le format requis pour que les identifiants produits soient bien compris par Meta est un tableau Javascript de string .

Voici un exemple: [”id_765”, “id_543”, “id_123”] .

Pour ce tutoriel, on va partir de ce Data Layer :

dataLayer.push({ ecommerce: null });  // On supprime l'ancien objet ecommerce
dataLayer.push({
  event: "purchase", // nom de l'événement
  ecommerce: {
    // paramètres de l'événement
    currency: "EUR",
    value: 29.99,
    coupon: "FLASH",
    transaction_id: "154561",
    shipping: 4.48,
    tax: 5.99,
    items: [ // produits présents dans la commande lors de l'événement
        {
            // paramètres du produit
            item_id: "4561897",
            item_name: "T-shirt Iron Man",
            price: 29.99,
            quantity: 19
        },
        {
            item_id: "4561898",
            item_name: "T-shirt Batman",
            price: 29.99,
            quantity: 19
        },
        {
            item_id: "4561899",
            item_name: "T-shirt Thor",
            price: 29.99,
            quantity: 19
        },
        {
            item_id: "4561900",
            item_name: "T-shirt Captain America",
            price: 29.99,
            quantity: 19
        }
    ]
  }
});

Pour accéder au tableau items, on va devoir créer une variable de couche de données dans Google Tag Manager.

Création de la variable de couche de données ecommerce.items
Création de la variable de couche de données ecommerce.items

Ici, DLV correspond à Data Layer Variable.

Ensuite, on va créer une variable Javascript personnalisée dans laquelle on va insérer le code suivant.

function () {

	var content_ids = [];
	
	{{DLV - ecommerce.items}}.forEach(function (el) {
	    content_ids.push(el.item_id);
	});
	
	return content_ids;

}

On nomme cette variable OP - content_ids. OP signifie Object Properties car j’utilise le même nommage que la documentation de référence de Meta.

Configuration de la variable Javascript personnalisé pour les content_ids
Configuration de la variable Javascript personnalisé pour les content_ids

On rajoute le paramètre content_ids dans les Object Properties de notre balise Meta.

Ajout des content_ids dans les Object Properties de la balise
Ajout des content_ids dans les Object Properties de la balise

On vérifie ensuite dans le mode debug de Google Tag Manager que toutes les informations sont bien remontées correctement.

Debug des Object Properties dans Google Tag Manager
Debug des Object Properties dans Google Tag Manager

Et pour finir on vérifie dans le gestionnaire d’événement du Business Manager de Meta si l’événement est remonté avec les bons paramètres.

Vérification de la présence des content_ids dans le gestionnaire d'événement de Meta
Vérification de la présence des content_ids dans le gestionnaire d'événement de Meta

Rajouter les contents à partir du Data Layer e-commerce de GA4

Le processus est le même que ce qui est expliqué dans la section précédente pour les content_ids. En revanche, le code de la variable Javascript personnalisée va changer.

function() {

	var contents = [];
	
	{{DLV - ecommerce.items}}.forEach(function(el) {
	    contents.push({ id: el.item_id, quantity: el.quantity });
		});
	
	return contents;
	
}

Qu’est-ce que vous pouvez faire avec les données envoyées à Meta ?

Créer des audiences personnalisée (ou audiences de retargeting)

Les données collectées par le Meta Pixel peuvent vous permettre d’identifier le comportement de vos visiteurs et ainsi de créer des audiences en fonction de ce comportement.

Vous pouvez par exemple créer une audience avec les visiteurs qui ont ajouté un produit au panier mais qui n’ont pas acheté (les fameux paniers abandonnés).

Pour faire ça, rendez-vous dans Audiences > Créer une audience > Audience personnalisée > Source : Site Web dans votre Business Manager.

Pop-up de création d'une audience personnalisée dans les Audiences de Meta
Pop-up de création d'une audience personnalisée dans les Audiences de Meta

Alimenter les algorithmes de machine learning

Les algorithmes de Meta apprennent ce qui est bénéfique pour votre business en fonction des événements qui sont remontés par le Meta Pixel. Plus les données du pixel sont nombreuses et de bonne qualité plus vous allez “dresser” l’algorithme pour vous apporter ce que vous souhaitez (c’est-à-dire des ventes, des prospects, de la notoriété en fonction de vos objectifs).

Si par exemple, votre but est de générer des achats sur votre site, vous pouvez installer l’événement Purchase et le paramètrer comme événement de conversion dans vos ensembles de publicités.

Optimisation de l'ensemble de publicité en fonction de l'événement de conversion Achat (Purchase)
Optimisation de l'ensemble de publicité en fonction de l'événement de conversion Achat (Purchase)