Comment mettre en place le consent mode v2 avec OneTrust

À la fin de cet article, vous maîtriserez la méthode pour activer étape par étape le Consent Mode v2 en utilisant OneTrust. Vous apprendrez également à vérifier avec précision l'intégration réussie du Consent Mode. Cet article vous fournira les clés nécessaires pour assurer une mise en conformité efficace.

• https://app-eu.onetrust.com/auth

• https://app.onetrust.com/auth/login

• https://app-fr.onetrust.com/auth/login

• Autres

javascript
gtag('consent', 'update', {
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied'
});

• N’ont pas donné de choix sur la bannière et la bannière est toujours affichée

• Ont refusé les cookies via les différents boutons “Refuser” ou “Continuer sans accepter”

html
<script>
// Définir dataLayer et la fonction gtag.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

// Définir le consentement par défaut à "refusé" en tant que valeur de remplacement
// Déterminer les valeurs réelles en fonction de vos propres besoins
gtag('consent', 'default', {
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied'
});
</script>

javascript
// Définir dataLayer et la fonction gtag.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}

// Initialiser un objet pour stocker les consentements
var consentUpdates = {
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied'
};

// Vérifier si les cookies OneTrust contiennent les valeurs nécessaires
var oneTrustCookie = document.cookie.match('(^|;)\\s*OptanonConsent=([^;]+)');
if (oneTrustCookie) {
  var oneTrustValue = decodeURIComponent(oneTrustCookie.pop());
  // Vérifier si le cookie OneTrust contient l'une des valeurs spécifiques
  if (oneTrustValue.indexOf('C0001') !== -1 || oneTrustValue.indexOf('C0002') !== -1 || oneTrustValue.indexOf('C0003') !== -1 || oneTrustValue.indexOf('C0004') !== -1 || oneTrustValue.indexOf('C0005') !== -1) {
    // Mettre à jour les consentements en fonction des valeurs du cookie OneTrust
    if (oneTrustValue.indexOf('C0004:1') !== -1) {
      consentUpdates['ad_storage'] = 'granted';
      consentUpdates['ad_user_data'] = 'granted';
      consentUpdates['ad_personalization'] = 'granted';
    }
    if (oneTrustValue.indexOf('C0002:1') !== -1) {
      consentUpdates['analytics_storage'] = 'granted';
    }
  }
}

// Mettre à jour les consentements en utilisant une seule appel à gtag
gtag('consent', 'default', consentUpdates);

// Si la valeur n'est pas trouvée ou si les conditions ne sont pas remplies, le consentement par défaut reste inchangé (refusé)

javascript
function() {
  // Récupérer la valeur du cookie OneTrust
  var oneTrustCookie = document.cookie.match('(^|;)\\s*OptanonConsent=([^;]+)');
  if (oneTrustCookie) {
    var oneTrustValue = decodeURIComponent(oneTrustCookie.pop());
    // Vérifier si le cookie OneTrust contient la valeur nécessaire pour la publicité
    if (oneTrustValue.indexOf('C0004:1') !== -1) {
      return 'granted';
    }
  }
  // Par défaut, retourner "denied" si aucune condition n'est remplie
  return 'denied';
}

javascript
function() {
  // Récupérer la valeur du cookie OneTrust
  var oneTrustCookie = document.cookie.match('(^|;)\\s*OptanonConsent=([^;]+)');
  if (oneTrustCookie) {
    var oneTrustValue = decodeURIComponent(oneTrustCookie.pop());
    // Vérifier si le cookie OneTrust contient la valeur nécessaire pour les statistiques
    if (oneTrustValue.indexOf('C0002:1') !== -1) {
      return 'granted';
    }
  }
  // Par défaut, retourner "denied" si aucune condition n'est remplie
  return 'denied';
}

1. Aller sur votre site en NAVIGATION PRIVEE et ne touchez pas la bannière OneTrust

2. Faites un clique droit et sélectionner “Inspecter” (désolé j’ai une ribambelle d’extension)

3. Rendez-vous dans la console, effectuez un “clean” et écrivez dataLayer puis entrée sur le clavier

4. A ce stade, vous devriez voir apparaître votre dataLayer complet :

5. Retrouvez la ligne ‘consent’, ‘default’

7. A ce stade, dans le mode Advanced, vous pouvez d’ores et déjà vérifier si un “hit” network est correctement parti avec les valeurs de consentement :

8. Super ! Nous avons les valeurs de consent mode v2 : gcs ; gcd Explication “je fais confiance à Tag Expert” : si vous ne voyez pas de “l” dans la valeur de gcd, c’est que le consent mode v2 a bien été déclaré pour ce premier chargement de pages. Vous êtes bons. Explication technique : SimoAhava dans son article explique très bien la signification des éléments pour lequel nous ne rentrerons pas dans le détail ici. (Lien vers l’article de blog : https://www.simoahava.com/analytics/consent-mode-v2-google-tags/#how-do-i-read-network-requests)

2. OK maintenant, vous pouvez accepter la bannière de cookies ou vous pouvez refuser (ou continuez sans accepter”. Dans notre exemple, nous allons accepter la bannière.

3. Vous devriez désormais avoir consent push dans votre dataLayer si vous réeffectuez le process de l’étape 3

11. Ici, nous relevons le push numéro 9 correspondant à “update” - en effet, nous venons d’accepter les cookies. Un update de consentement a été envoyé à Google.

2. Nous ouvrons la ligne 9 pour vérifier les informations envoyées :

13. Toutes les valeurs sont passées en “granted”, comme nous le souhaitions car nous avons accepté les cookies.

14. Maintenant, nous allons vérifier si les données sont correctement partis chez Google :

15. Super ! Nous avons bien les valeurs de consentements envoyées. Explication “je fais confiance à Tag Expert” : recherchez des “r” dans les valeurs gcd. Idéalement, si vous avez une acceptation complète de votre bannière, vous devriez avoir les valeurs : 11r1r1r1r5 ou 13r3r3r3r5 Explication technique : Simo Ahava dans son article explique très bien la signification des éléments pour lequel nous ne rentrerons pas dans le détail ici. (Lien vers l’article de blog : https://www.simoahava.com/analytics/consent-mode-v2-google-tags/#how-do-i-read-network-requests)