Consent Mode Meta avec toutes les CMP dans Google Tag Manager

Introduction

Google Tag Manager (GTM) est souvent la méthode privilégiée pour déployer et gérer le Meta Pixel et d'autres balises marketing. Cette approche présente plusieurs avantages :

• Configuration centralisée de toutes vos balises
• Déploiement simplifié sans modification directe du code du site
• Flexibilité pour les mises à jour et les tests
• Intégration facilitée avec les CMPs

Voici un guide détaillé pour implémenter correctement le Meta Consent Mode via GTM.

Prérequis

• Un compte Google Tag Manager actif avec accès administrateur
• Un conteneur GTM déjà configuré sur votre site
• Le Meta Pixel déjà implémenté via GTM
• Une solution CMP (Consent Management Platform) en place

Étape 1 : Préparer votre configuration GTM

Avant de commencer, assurez-vous que votre Meta Pixel est correctement configuré dans GTM. Vous devriez avoir :

1. Une variable constante contenant votre Meta Pixel ID
2. Une balise Meta Pixel (Facebook Pixel) qui utilise cette variable
3. Des déclencheurs appropriés pour activer le Pixel sur les pages souhaitées

Étape 2 : Créer les variables nécessaires pour le consentement

Créer une variable pour détecter le consentement

1. Dans GTM, allez dans Variables > Variables définies par l'utilisateur > Nouvelle
2. Nommez la variable (ex: CMP - Marketing Consent)
3. Choisissez le type Variable personnalisée JavaScript
4. Insérez le code approprié selon votre CMP. Exemples :

Pour OneTrust

javascript

function() {
  try {
    var activeGroups = OnetrustActiveGroups || "";
    // Vérifiez le groupe correspondant à la publicité/marketing (généralement C2)
    return activeGroups.includes(',C2,') || activeGroups.includes('C2');
  } catch(e) {
    return false;
  }
}

Pour Cookiebot

javascript

function() {
  try {
    return Cookiebot && Cookiebot.consent && Cookiebot.consent.marketing ? true : false;
  } catch(e) {
    return false;
  }
}

Pour TrustArc

javascript

function() {
  try {
    var preferenceObj = window.PrivacyManagerAPI.callApi("getConsent");
    return preferenceObj.consentDecision.includes('advertising');
  } catch(e) {
    return false;
  }
}

1. Sauvegardez la variable

Créer une fonction pour gérer le consentement Meta

1. Créez une autre variable nommée Meta_ConsentHandler
2. Choisissez le type Variable personnalisée JavaScript
3. Insérez le code suivant :

javascript

function() {
  return function(consent) {
    if (typeof fbq === 'function') {
      fbq("consent", consent ? "grant" : "revoke");
      console.log("Meta consent set to: " + (consent ? "grant" : "revoke"));
      return true;
    }
    console.log("fbq function not available");
    return false;
  }
}

1. Sauvegardez la variable

Étape 3 : Modifier votre balise Meta Pixel

Vous devez maintenant modifier votre balise Meta Pixel existante pour révoquer le consentement par défaut :

1. Allez dans Balises et ouvrez votre balise Meta Pixel principale
2. Si vous utilisez une balise de type Pixel Facebook, ajoutez une action Advanced Configuration > Consentement et définissez-la sur Revoked
3. Si vous utilisez une balise HTML personnalisée, modifiez le code pour ajouter fbq('consent', 'revoke'); avant l'appel à fbq('init') :

javascript

<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('consent', 'revoke'); // Ajoutez cette ligne
fbq('init', '{{Meta Pixel ID}}');
fbq('track', 'PageView');
</script>

1. Sauvegardez la balise

Étape 4 : Créer les déclencheurs pour le consentement

Vous devez maintenant créer des déclencheurs qui détecteront les changements de consentement et mettront à jour le statut du consentement Meta.

Créer un déclencheur pour l'acceptation du consentement

Les déclencheurs exacts dépendront de votre CMP. Voici des exemples pour les CMP courantes :

OneTrust

1. Créez un nouveau déclencheur nommé OneTrust - Consent Updated
2. Choisissez le type Événement personnalisé
3. Configurez l'événement comme suit :

• Nom de l'événement : OneTrustGroupsUpdated
• Ce déclencheur se déclenche sur : Tous les événements personnalisés

1. Sauvegardez le déclencheur

Cookiebot

1. Créez un nouveau déclencheur nommé Cookiebot - Consent Accepted
2. Choisissez le type Événement personnalisé
3. Configurez l'événement comme suit :

• Nom de l'événement : CookiebotOnAccept
• Ce déclencheur se déclenche sur : Tous les événements personnalisés

1. Sauvegardez le déclencheur
2. Créez un autre déclencheur nommé Cookiebot - Consent Declined
3. Configurez-le de manière similaire mais avec l'événement CookiebotOnDecline

Étape 5 : Créer une balise pour gérer le consentement

1. Créez une nouvelle balise nommée Meta - Update Consent Status
2. Choisissez le type HTML personnalisé
3. Insérez le code suivant :

<script>
  var hasMarketingConsent = {{CMP - Marketing Consent}};
  {{Meta_ConsentHandler}}(hasMarketingConsent);
</script>

1. Ajoutez les déclencheurs que vous avez créés à l'étape 4
2. Sauvegardez la balise

Étape 6 : Configuration avancée pour les événements de conversion

Pour les événements de conversion spécifiques (comme les achats, leads, etc.), vous devez vous assurer qu'ils respectent également le statut de consentement :

1. Pour chaque balise d'événement Meta Pixel, ajoutez une condition de déclenchement :

OU

• Ajoutez une condition : {{CMP - Marketing Consent}} equals true

1. Modifiez vos balises d'événement pour vérifier le consentement avant d'envoyer les données :

<script>
  var hasMarketingConsent = {{CMP - Marketing Consent}};
  if (hasMarketingConsent) {
    fbq('track', 'Purchase', {
      value: {{Transaction Value}},
      currency: '{{Transaction Currency}}'
    });
  } else {
    console.log('Meta Purchase event not fired due to missing consent');
  }
</script>

Étape 7 : Test et débogage

Test de votre implémentation

1. Activez le Mode Aperçu dans GTM
2. Visitez votre site et ouvrez la console développeur (F12)
3. Testez les scénarios suivants :

• Chargement initial sans consentement : Vérifiez que fbq('consent', 'revoke') est appelé
• Acceptation du consentement : Interagissez avec votre CMP pour accepter les cookies marketing et vérifiez que fbq('consent', 'grant') est appelé
• Refus du consentement : Testez le scénario où l'utilisateur refuse les cookies marketing

1. Utilisez l'extension Facebook Pixel Helper pour confirmer que :

• Le Pixel est chargé correctement
• Les événements sont envoyés uniquement lorsque le consentement est accordé

Débogage des problèmes courants

Le Pixel envoie des données avant le consentement

Symptôme : L'extension Facebook Pixel Helper montre des événements envoyés même sans consentement.

Solution : Vérifiez que fbq('consent', 'revoke') est appelé avant tout autre appel fbq(), et que toutes vos balises d'événements vérifient le consentement.

Ajout Screenshot (en cours pour test)

Les événements de conversion ne sont pas déclenchés

Symptôme : Malgré le consentement accordé, les événements de conversion ne sont pas envoyés.

Solution :

1. Vérifiez la variable CMP - Marketing Consent pour vous assurer qu'elle retourne bien true après consentement
2. Confirmez que la balise Meta - Update Consent Status se déclenche correctement
3. Vérifiez dans la console que fbq("consent", "grant") est bien appelé

Interactions entre Google Consent Mode et Meta Consent Mode

Si vous utilisez également Google Consent Mode, assurez-vous que :

1. Chaque solution a ses propres variables et balises séparées
2. Les déclencheurs sont configurés pour activer les deux modes de consentement

Étape 8 : Publication et surveillance

1. Une fois vos tests validés, publiez votre configuration GTM
2. Surveillez pendant quelques jours :

• Les rapports d'événements dans Meta Business Suite
• Le taux de consentement via votre CMP
• Les erreurs potentielles via la console ou les outils de monitoring

1. Envisagez de créer un tableau de bord spécifique pour surveiller l'impact du Consent Mode sur vos données

Conclusion

L'implémentation du Meta Consent Mode via Google Tag Manager offre une solution flexible et puissante pour respecter les choix de consentement des utilisateurs tout en préservant autant que possible vos capacités de mesure marketing.

Cette méthode vous permet de centraliser la gestion du consentement, de l'adapter facilement aux évolutions réglementaires et techniques, et de maintenir un équilibre optimal entre respect de la vie privée et performance marketing.

Exemple de niveaux de consentement