Aller au contenu principal

Meta Pixel

Qu'est-ce que Meta Pixel ?

Meta Pixel (anciennement Facebook Pixel) est un petit morceau de code que Meta te demande d'installer sur ta boutique. Il observe comment les visiteurs interagissent avec tes pages et rapporte cette activité à Meta pour que tes publicités Facebook et Instagram puissent apprendre qui est intéressé, apparaître devant les bonnes audiences et mesurer quelles campagnes génèrent réellement des ventes.

Au minimum, le Pixel enregistre les pages vues et les événements e-commerce standard (consultation d'un produit, ajout au panier, début du paiement, finalisation d'un achat). Au fil du temps, ces données alimentent l'optimisation des publicités Meta, les audiences personnalisées et le reciblage — par exemple, diffuser une publicité qui ne cible que les personnes qui ont consulté un produit mais ne l'ont pas acheté.

Meta Pixel collecte l'adresse IP du visiteur, l'agent utilisateur, les événements de navigation et les cookies spécifiques à Meta (_fbp et _fbc). Aucune information personnelle brute (noms, e-mails, numéros de téléphone) n'est jamais envoyée depuis le navigateur.

Comment Nevuto gère Meta Pixel

Nevuto propose l'intégration Meta Pixel la plus approfondie parmi tous ses outils de suivi. Contrairement aux intégrations uniquement basées sur des scripts, Meta Pixel fonctionne à la fois dans le navigateur (côté client) et sur les serveurs de Nevuto (Conversions API / côté serveur), de sorte que tes données de conversion survivent aux limitations de suivi d'iOS 14+, aux bloqueurs de publicités et aux réseaux mobiles instables.

Événements côté navigateur que Nevuto déclenche

Pendant que tes clients naviguent sur ta boutique, Nevuto déclenche ces événements Meta Pixel en leur nom :

  • PageView — chaque chargement de page
  • ViewContent — quand un client ouvre une page produit
  • Search — quand un client effectue une recherche de produit
  • AddToCart — quand un client ajoute un article à son panier
  • InitiateCheckout — quand un client ouvre la page de paiement, depuis la page panier ou le raccourci « Acheter maintenant » sur un produit
  • AddPaymentInfo — quand un client saisit ses informations de paiement lors du paiement
  • Purchase — sur la page de confirmation de commande après le succès du paiement

Suivi côté serveur avec la Conversions API (CAPI)

Quand tu fournis un Token d'accès Conversions API (dans la section Avancé de la page de configuration Meta Pixel), Nevuto envoie également ces événements directement aux serveurs de Meta depuis son propre backend :

  • AddToCart — se déclenche au moment où un article est ajouté à un panier
  • InitiateCheckout — se déclenche lors de la création d'une session de paiement
  • CompleteRegistration — se déclenche quand un nouveau client s'inscrit sur ta boutique
  • Purchase — se déclenche de manière asynchrone depuis le worker de file d'attente de Nevuto lorsque la commande est confirmée payée, de sorte que Meta reçoit la conversion même si le client ferme son onglet pendant la redirection

Chaque événement côté serveur transporte les signaux correspondants dont Meta a besoin — e-mail haché, téléphone, nom, adresse et identifiant externe du client, plus les cookies _fbp / _fbc capturés lors du paiement, le vrai agent utilisateur du navigateur et l'adresse IP du client. Meta les utilise pour reconnaître la même personne que le Pixel navigateur a vue.

La déduplication est gérée automatiquement via des identifiants d'événements déterministes (order_<id>, checkout_<cart_id>, cart_item_<id>, customer_<id>), de sorte qu'activer CAPI ne gonflera pas tes comptages de conversion — chaque événement serveur est mis en correspondance avec son jumeau navigateur.

Pourquoi la Conversions API est importante

  • iOS 14+ et App Tracking Transparency : l'invite ATT d'Apple bloque une grande partie des hits Pixel basés sur le navigateur. Les événements côté serveur contournent entièrement cela.
  • Bloqueurs de publicités et extensions de confidentialité : les événements navigateur peuvent être silencieusement bloqués au niveau du réseau. Les événements serveur sont envoyés du backend de Nevuto au backend de Meta et ne peuvent pas être bloqués par le navigateur du visiteur.
  • Fiabilité du réseau : si un client ferme son navigateur pendant la redirection depuis un fournisseur de paiement, l'événement Purchase côté navigateur peut ne jamais se déclencher. L'événement Purchase côté serveur se déclenche toujours une fois que la commande est marquée payée dans Nevuto.

Utiliser le Pixel seul fonctionne toujours — tu obtiendras simplement une attribution plus faible et un score de qualité de correspondance plus bas. Ajouter le Token d'accès est fortement recommandé quand tu dépenses activement sur les publicités Meta.

Ajouter Meta Pixel à ta boutique Nevuto

  1. Connecte-toi à ton panneau d'administration Nevuto.
  2. Va dans Paramètres → Intégrations.
  3. Clique sur le bouton Ajouter à côté de Meta Pixel.
  4. Colle ton Pixel ID dans le premier champ.
  5. (Recommandé) Dans la section Avancé, colle ton Token d'accès Conversions API.
  6. (Optionnel) Colle un Code d'événement de test pendant que tu valides la configuration — les événements marqués avec ce code apparaissent sous l'onglet Événements de test dans Meta Events Manager au lieu de polluer tes données en direct.
  7. Bascule le statut sur Actif et clique sur Enregistrer.

Tu peux enregistrer l'intégration avec uniquement le Pixel ID rempli si tu veux commencer avec uniquement le suivi navigateur. Les champs avancés peuvent être ajoutés ultérieurement à tout moment depuis la même page.

Où trouver ton Pixel ID et ton Token d'accès

Pixel ID

  1. Connecte-toi à Meta Business Manager sur business.facebook.com.
  2. Ouvre Events Manager (Tous les outils → Events Manager).
  3. Sélectionne ton Pixel dans la barre latérale gauche, ou clique sur Connecter des sources de données → Web → Meta Pixel pour en créer un nouveau.
  4. Ton Pixel ID est affiché en haut de la page d'aperçu — un nombre à 15 chiffres.
  5. Copie-le et colle-le dans le champ Pixel ID de Nevuto.

Token d'accès Conversions API

  1. Dans Meta Events Manager, ouvre ton Pixel.
  2. Va dans Paramètres → Conversions API.
  3. Fais défiler jusqu'à Configurer manuellement et clique sur Générer un token d'accès.
  4. Copie le token immédiatement — Meta ne l'affiche qu'une seule fois. Si tu le perds, tu peux toujours en générer un nouveau.
  5. Colle-le dans le champ Token d'accès de Nevuto.

Code d'événement de test (optionnel, pour le débogage)

  1. Dans Meta Events Manager, ouvre ton Pixel.
  2. Ouvre l'onglet Événements de test.
  3. Copie le code de test affiché en haut de la page (par exemple TEST12345).
  4. Colle-le dans le champ Code d'événement de test de Nevuto.
  5. Supprime-le une fois les tests terminés — laisser un code de test actif signifie que ton vrai trafic n'apparaîtra pas dans le tableau de bord des événements principal.

Tester que ça fonctionne

  • Événements navigateur : installe l'extension Chrome officielle Meta Pixel Helper. Ouvre ta vitrine dans le même navigateur — l'icône de l'extension devrait s'allumer et afficher ton Pixel ID. Navigue vers une page produit, ajoute-la au panier et commence le paiement ; tu devrais voir les événements ViewContent, AddToCart et InitiateCheckout se déclencher en temps réel.
  • Événements serveur : dans Meta Events Manager, ouvre ton Pixel et regarde l'onglet Aperçu. Les événements côté serveur affichent une petite icône serveur à côté d'eux. Lors d'un achat de test, les versions navigateur et serveur du même événement devraient apparaître en quelques secondes l'une de l'autre.
  • Onglet Événements de test : si tu as défini un Code d'événement de test, va dans Events Manager → Événements de test et déclenche une commande de test. Chaque événement — navigateur et serveur — devrait apparaître en temps réel sous cet onglet.
  • Qualité de correspondance : après quelques vraies commandes, ouvre ton Pixel → Aperçu → Qualité des événements. Une intégration CAPI bien configurée obtient généralement un score de 7/10 ou plus. Les scores inférieurs à 5 signifient généralement que le Token d'accès n'est pas défini.

Résolution des problèmes

  • Erreur « Meta Pixel n'est pas configuré correctement » à l'enregistrement : le format du Pixel ID est incorrect. Nevuto attend 15 chiffres ou plus. Supprime les tirets, espaces ou préfixes avant de coller.
  • Événements manquants dans Events Manager : confirme que le bouton de statut de l'intégration est sur Actif dans les paramètres Nevuto et que tu as enregistré la page. Teste ensuite dans une fenêtre de navigation privée sans bloqueurs de publicités.
  • L'événement Purchase ne se déclenche jamais côté serveur : confirme que le Token d'accès est enregistré et n'a pas été révoqué. Les tokens générés dans Events Manager restent valides jusqu'à ce que l'utilisateur Meta qui les a créés perde l'accès au compte business.
  • Conversions en double dans Meta : cela ne devrait pas arriver — Nevuto déduplique chaque paire serveur/navigateur via des identifiants d'événements stables. Si tu vois quand même des doublons, vérifie que tu n'as pas collé le script Pixel manuellement dans la section de code personnalisé de ton thème en plus de l'intégration. Nevuto l'injecte automatiquement ; l'ajouter deux fois doublera le comptage.
  • Les bloqueurs de publicités bloquent tout : c'est pourquoi CAPI existe. Même si le Pixel navigateur est entièrement bloqué, les événements côté serveur atteindront quand même Meta. Active CAPI et tu continueras à voir des conversions dans Events Manager.

Articles connexes