Comment configurer le pixel Meta avec Cookiequiet

Option 1 : marquer le code de base

Meta recommande de placer le code de base du pixel dans le head de chaque page. Avec Cookiequiet, collez-le juste sous la balise et ne changez que la balise d’ouverture :

html
<script type="text/plain" data-cq-category="marketing">
  /* le code de base copié depuis Events Manager, inchangé : il charge fbevents.js, puis */
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Cookiequiet exécute le script quand la catégorie marketing est accordée : immédiatement lors des visites suivantes où le choix enregistré l’inclut, et au moment du clic quand le visiteur accepte pendant la visite. Jusque-là, rien n’est chargé depuis connect.facebook.net et aucun cookie _fbp n’est déposé. Les balises marquées data-cookiecategory="marketing" ou data-cookieconsent="marketing" pour CookieYes ou Cookiebot fonctionnent telles quelles ; voir migrer depuis CookieYes.

Retirez l’image noscript. Le code de base se termine par un bloc <noscript> contenant une image 1x1 qui interroge les serveurs de Meta avec l’ID de votre pixel. C’est du HTML brut : elle se déclenche dans les navigateurs sans JavaScript, avant tout bandeau, et aucun script de consentement ne peut retenir une image. Supprimez-la.

Événements. Les événements standard dans le code des pages (fbq('track', 'Purchase', ...)) ne doivent pas s’exécuter avant le pixel : placez-les dans des scripts marqués de la même façon ou, dans votre propre JavaScript, vérifiez que window.Cookiequiet.get() renvoie un choix dont le tableau c inclut marketing avant d’appeler fbq.

Option 2 : le déclencher depuis Google Tag Manager

Dans Tag Manager, utilisez la balise Meta Pixel (le modèle de Meta dans la galerie communautaire, ou une balise HTML personnalisée avec le code de base) et donnez-lui un déclencheur Événement personnalisé : nom d’événement cq_consent, certains événements personnalisés, condition cq_marketing equals true, avec les options de déclenchement des balises réglées sur une fois par page. Cookiequiet pousse cq_consent avec l’indicateur cq_marketing à chaque chargement de page où un choix est enregistré et après chaque choix. Pour les balises d’événement qui se déclenchent sur des envois de formulaire ou des achats, ajoutez « Require additional consent for tag to fire » avec ad_storage sous Paramètres avancés, puis Paramètres de consentement : Cookiequiet règle ad_storage sur accordé avec la catégorie marketing, le contrôle tient donc. Le guide Tag Manager décrit les variables et les déclencheurs en détail.

Option 3 : les appels de consentement de Meta

Le pixel de Meta a son propre interrupteur de consentement pour les sites où le pixel se charge avant le bandeau : fbq('consent', 'revoke') met le pixel en pause, fbq('consent', 'grant') le relance. Meta documente que revoke doit être appelé sur chaque page, avant fbq('init'). C’est la solution de repli quand une plateforme charge le pixel à votre place sans vous donner d’API de consentement. Placez l’appel revoke avant le code de base, et accordez au consentement avec l’événement que Cookiequiet émet :

html
<script>
  window.addEventListener('cq:consent', function (e) {
    if (typeof fbq === 'function' && e.detail.categories.indexOf('marketing') >= 0) {
      fbq('consent', 'grant');
    }
  });
</script>

Notez la différence avec l’option 1 : le script du pixel est chargé et fbevents.js s’exécute ; seul son envoi est en pause. Là où vous pouvez marquer le code de base, le marquage est le choix le plus propre.

Les pixels chargés par votre plateforme

• Shopify : l’application Facebook & Instagram installe le pixel comme pixel d’application, qui suit la Customer Privacy API de Shopify ; le guide Shopify montre la passerelle qui lui transmet le choix fait dans Cookiequiet.
• HubSpot : un pixel ajouté via l’outil publicitaire de HubSpot suit la valeur advertisement transmise avec setHubSpotConsent, voir le guide HubSpot.
• Wix et Squarespace : les champs d’ID de pixel de ces plateformes chargent le pixel hors de votre contrôle. Retirez l’ID et collez le code de base marqué via le code personnalisé, comme l’expliquent les guides Wix et Squarespace.
• Les plugins et gestionnaires de balises qui injectent fbevents.js en JavaScript sont retenus par le bloqueur automatique, qui classe connect.facebook.net sous marketing, jusqu’à ce que cette catégorie soit accordée.

Comment tester

1. Installez l’extension Meta Pixel Helper, ouvrez le site dans une fenêtre de navigation privée et cliquez sur « Tout refuser » : l’extension ne trouve aucun pixel, l’onglet réseau ne montre aucune requête vers connect.facebook.net ni facebook.com/tr, et il n’y a pas de cookie _fbp.
2. Effacez les cookies, cliquez sur « Tout accepter », rechargez : l’extension montre l’événement PageView et _fbp est déposé.
3. Réalisez une conversion de test et vérifiez que l’événement apparaît dans les événements de test du Gestionnaire d’événements.
4. Ouvrez le registre des consentements dans le tableau de bord Cookiequiet.

Détails à connaître

• Cookies. Le pixel dépose _fbp (un identifiant de navigateur, 90 jours) et, après un clic sur une annonce Meta, _fbc. Les deux sont des cookies marketing dans le tableau des cookies du bandeau.
• API Conversions. Envoyer les mêmes événements depuis votre serveur ne supprime pas le besoin de consentement ; les événements serveur doivent suivre le même choix, que le registre des consentements documente.
• La correspondance avancée envoie des données client hachées avec les événements et fait partie de la finalité marketing du pixel.
• Taux de consentement. Attendez-vous à ce que les données du pixel couvrent la part des visiteurs qui acceptent le marketing ; l’article sur les taux de consentement donne des ordres de grandeur.