(Consent Mode)Comment mettre en place le Consent Mode META avec Toutes les CMP pour Google Tag Manager

• 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

• 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

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

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 :

javascript
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;
  }
}

javascript
javascript

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

javascript
javascript

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

1. Sauvegardez la variable

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

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

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

4. Sauvegardez le déclencheur

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

4. Sauvegardez le déclencheur

5. Créez un autre déclencheur nommé Cookiebot - Consent Declined

6. Configurez-le de manière similaire mais avec l'événement CookiebotOnDecline

1. Créez une nouvelle balise nommée Meta - Update Consent Status

2. Choisissez le type HTML personnalisé

3. Insérez le code suivant :

javascript
javascript
Copier
<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

1. Pour chaque balise d'événement Meta Pixel, ajoutez une condition de déclenchement : OU
• Ajoutez une condition : {{CMP - Marketing Consent}} equals true

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

javascript
javascript
Copier
<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>

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

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

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é

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

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

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