(Consent Mode) Comment mettre en place le consent mode Bing Ads avec Cookie Bot pour Google Tag Manager

Découvrez dans cette article de blog comment mettre en place le consent mode de Bing Ads
profile photo
Samantha Buigné
profile photo
Yoan Yahemdi

Guide d'implémentation Consent Mode Microsoft - Bing Ads avec Cookie Bot

Introduction

Le "consent mode" est une fonctionnalité qui permet aux plateformes d'ajuster elles-mêmes la collecte des données en fonction du consentement donné et ainsi d'optimiser au mieux leur traitement. Tout comme le consent mode de Google (désormais obligatoire), Bing a développé son propre consent mode qui devient progressivement obligatoire.
Ce guide vous explique comment implémenter le consent mode de Bing Ads en utilisant Cookie Bot comme gestionnaire de consentement.

Structure du Consent Mode Bing

La structure du consent mode de Bing est similaire à celle de Google, mais avec une implémentation légèrement différente :
javascript
javascript Copier window.uetq.push('consent', 'default', { 'ad_storage': 'denied' });

Mise en place avec Cookie Bot dans Google Tag Manager

Option 1 : Avec le tag Consent Mode de Simo Ahava

Si vous utilisez déjà le tag de Simo Ahava pour gérer le consent mode de Google, l'implémentation sera simple :
  1. Mettez à jour le tag Consent Mode de Simo Ahava à la dernière version
  1. Cochez la case "Enable Microsoft Consent Mode"
  1. Modifiez votre tag Bing Ads pour utiliser le consent mode et retirez la condition de consentement préexistante

Option 2 : Implémentation sans le tag de Simo Ahava

Vous devrez créer deux tags HTML personnalisés :

1. Tag "Default" (consentement par défaut au chargement)

Créez un tag HTML personnalisé avec le code suivant :
javascript
<script> // Initialisation de l'objet UET window.uetq = window.uetq || []; // Utilisation de Cookie Bot pour déterminer le statut initial var cookieBotConsent = false; // Vérifier si Cookie Bot est déjà chargé et a stocké une préférence if (typeof Cookiebot !== 'undefined' && Cookiebot.consent.marketing) { cookieBotConsent = true; } // Configurer le consentement par défaut window.uetq.push('consent', 'default', { 'ad_storage': cookieBotConsent ? 'granted' : 'denied' }); </script>
Configuration du déclencheur :
  • Type : Déclencheur "All Pages"
  • Option : "Once Per Page"
  • Priorité : Élevée (pour s'assurer qu'il se déclenche avant le tag Bing UET)

2. Tag "Update" (mise à jour après interaction avec la bannière)

Créez un second tag HTML personnalisé pour mettre à jour le consentement après l'interaction de l'utilisateur :
javascript
<script> // Mise à jour du consentement lorsque l'utilisateur fait un choix window.uetq = window.uetq || []; // Récupérer le statut du consentement marketing depuis Cookie Bot var consentStatus = Cookiebot.consent.marketing ? 'granted' : 'denied'; // Mettre à jour le consentement window.uetq.push('consent', 'update', { 'ad_storage': consentStatus }); </script>
Configuration du déclencheur :
  • Type : Événement personnalisé
  • Nom de l'événement : "CookiebotOnAccept" OU "CookiebotOnDecline"
  • Cette configuration s'assurera que le tag se déclenche chaque fois que l'utilisateur interagit avec la bannière Cookie Bot.

3. Modifier le tag Bing UET

Assurez-vous que votre tag Bing UET n'a pas de condition de consentement, car c'est maintenant le consent mode qui s'en charge. Le tag Bing UET doit se déclencher sur toutes les pages.

Protocole de test

Pour vérifier que votre implémentation fonctionne correctement :
  1. Ouvrez votre site en navigation privée
  1. Ouvrez l'onglet Network dans les outils de développement et rechargez la page
  1. Recherchez les requêtes Bing Ads
  1. Vérifiez que le paramètre asc est à "D" (denied) car vous n'avez pas encore accepté les cookies
  1. Acceptez les cookies et naviguez vers une autre page
  1. Vérifiez que le paramètre asc est maintenant à "G" (granted)
  1. Répétez le test en refusant les cookies - le consentement devrait rester à "D" (denied)
Après Google, c'est au tour de Microsoft Bing Ads de rendre progressivement obligatoire son Consent Mode. Si vous utilisez OneTrust comme gestionnaire de consentement, voici comment adapter votre implémentation.

Bing vs Google : la structure

Google Consent Mode :
javascript
javascript gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'ad_storage': 'denied', 'analytics_storage': 'denied' })
Bing Consent Mode :
javascript
window.uetq.push('consent', 'default', { 'ad_storage': 'denied' });

Préparation dans GTM

Étape 1 : Préparer les variables GTM

Afficher l'image
Dans l'interface GTM, cliquez sur "Variables" dans le menu de gauche, puis sur "Nouvelle" sous "Variables définies par l'utilisateur".

Variable JavaScript pour le consentement marketing

Afficher l'image
  1. Nom : JS - Cookie Bot Marketing Consent
  1. Type de variable : Cliquez sur "Choisir un type" et sélectionnez "JavaScript personnalisé"
  1. Configuration : Dans l'éditeur de code, saisissez le code suivant :
javascript
javascript Copier function() { if (typeof Cookiebot !== 'undefined' && Cookiebot.consent) { return Cookiebot.consent.marketing ? 'granted' : 'denied'; } return 'denied'; }
  1. Cliquez sur "Enregistrer"

Variable constante pour l'ID UET (optionnel)

Afficher l'image
  1. Nom : Const - Microsoft UET ID
  1. Type de variable : Cliquez sur "Choisir un type" et sélectionnez "Constante"
  1. Valeur : Saisissez votre ID UET Microsoft (par exemple "123456789")
  1. Cliquez sur "Enregistrer"

Étape 2 : Créer les déclencheurs GTM

Dans l'interface GTM, cliquez sur "Déclencheurs" dans le menu de gauche, puis sur "Nouveau".

Déclencheur "All Pages (High Priority)"

Afficher l'image
  1. Nom : All Pages - High Priority
  1. Type de déclencheur : Cliquez sur "Choisir un type de déclencheur" et sélectionnez "Chargement de page"
  1. Ce déclencheur s'active sur : Sélectionnez "All Pages"
  1. Options avancées :
      • Cliquez sur "Plus" en bas
      • Cochez "Activer au début du document"
      • Définissez "Priorité de déclenchement du tag" sur 10
  1. Cliquez sur "Enregistrer"

Déclencheurs pour les événements Cookie Bot

Afficher l'image
  1. Nom : Event - CookiebotOnAccept
  1. Type de déclencheur : Cliquez sur "Choisir un type de déclencheur" et sélectionnez "Événement personnalisé"
  1. Nom de l'événement : Saisissez exactement "CookiebotOnAccept"
  1. Ce déclencheur s'active sur : Sélectionnez "Tous les événements personnalisés"
  1. Cliquez sur "Enregistrer"
Répétez le processus pour créer le deuxième déclencheur :
  1. Nom : Event - CookiebotOnDecline
  1. Type de déclencheur : Événement personnalisé
  1. Nom de l'événement : CookiebotOnDecline
  1. Ce déclencheur s'active sur : Tous les événements personnalisés
  1. Cliquez sur "Enregistrer"
Créez ensuite le déclencheur combiné :
Afficher l'image
  1. Nom : Event - Cookiebot Interaction
  1. Type de déclencheur : Cliquez sur "Choisir un type de déclencheur" et sélectionnez "Groupe de déclencheurs"
  1. Ce déclencheur s'active lorsque : Sélectionnez "N'importe lequel de ces déclencheurs est respecté"
  1. Sélectionner les déclencheurs : Cochez "Event - CookiebotOnAccept" et "Event - CookiebotOnDecline"
  1. Cliquez sur "Enregistrer"

Configuration des tags Consent Mode

Étape 3 : Créer le tag "Default Consent"

Dans l'interface GTM, cliquez sur "Tags" dans le menu de gauche, puis sur "Nouveau".
Afficher l'image
  1. Nom du tag : Microsoft Bing - Consent Mode Default
  1. Type de tag : Cliquez sur "Choisir un type de tag" et sélectionnez "HTML personnalisé"
  1. Configuration HTML : Dans l'éditeur, saisissez le code suivant :
javascript
javascript Copier <script> // Initialisation de l'objet UET window.uetq = window.uetq || []; // Déterminer l'état initial du consentement var initialConsent = 'denied'; // Vérifier si Cookie Bot est déjà chargé avec des préférences sauvegardées if (typeof Cookiebot !== 'undefined' && Cookiebot.consent) { initialConsent = Cookiebot.consent.marketing ? 'granted' : 'denied'; } // Configurer le consentement par défaut window.uetq.push('consent', 'default', { 'ad_storage': initialConsent }); // Debug pour GTM console.log('Bing Consent Mode Default: ad_storage=' + initialConsent); </script>
  1. Déclenchement : Cliquez sur "Déclenchement" en bas et sélectionnez "All Pages - High Priority"
  1. Options avancées :
      • Cliquez sur "Plus" en bas
      • Définissez "Priorité de déclenchement du tag" sur 10
      • Dans "Tag firing options", sélectionnez "Once per page"
  1. Cliquez sur "Enregistrer"

Étape 4 : Créer le tag "Update Consent"

Créez un nouveau tag pour mettre à jour l'état du consentement après interaction de l'utilisateur.
Afficher l'image
  1. Nom du tag : Microsoft Bing - Consent Mode Update
  1. Type de tag : Cliquez sur "Choisir un type de tag" et sélectionnez "HTML personnalisé"
  1. Configuration HTML : Dans l'éditeur, saisissez le code suivant :
javascript
javascript Copier <script> // Mise à jour du consentement window.uetq = window.uetq || []; // Obtenir le statut actuel du consentement via notre variable var consentStatus = {{JS - Cookie Bot Marketing Consent}}; // Mettre à jour le consentement window.uetq.push('consent', 'update', { 'ad_storage': consentStatus }); // Debug pour GTM console.log('Bing Consent Mode Update: ad_storage=' + consentStatus); </script>
  1. Déclenchement : Cliquez sur "Déclenchement" en bas et sélectionnez "Event - Cookiebot Interaction"
  1. Options avancées :
      • Cliquez sur "Plus" en bas
      • Définissez "Priorité de déclenchement du tag" sur 9
      • Dans "Tag firing options", sélectionnez "Unlimited"
  1. Cliquez sur "Enregistrer"

Étape 5 : Configurer le tag Microsoft UET

Créez un tag pour le suivi UET de Microsoft.
Afficher l'image
  1. Nom du tag : Microsoft UET
  1. Type de tag : Cliquez sur "Choisir un type de tag" et recherchez "Microsoft Advertising Universal Event Tracking (UET)"
      • Si ce type de tag n'est pas disponible, vous devrez peut-être ajouter ce modèle de tag à votre conteneur depuis la galerie.
  1. UET Tag ID : Saisissez votre ID UET ou utilisez la variable {{Const - Microsoft UET ID}} si vous l'avez créée
  1. Événement à suivre : Sélectionnez "Page view"
  1. Déclenchement : Cliquez sur "Déclenchement" en bas et sélectionnez "All Pages"
  1. Options avancées :
      • Cliquez sur "Plus" en bas
      • Définissez "Priorité de déclenchement du tag" sur 8 (inférieure aux tags Consent Mode)
  1. Cliquez sur "Enregistrer"
Afficher l'image
Vérifiez que vos tags sont bien listés dans l'interface GTM avec leurs priorités respectives.

Test et vérification

Étape 7 : Tester dans l'aperçu GTM

Vérifiez le bon fonctionnement dans Preview Mode :
  1. Activez l'aperçu GTM
  1. Vérifiez que le tag Default s'exécute bien en premier
  1. Interagissez avec la bannière Cookie Bot
  1. Vérifiez que le tag Update s'exécute après interaction
  1. Confirmez que le tag UET s'exécute après les tags de consentement

Étape 8 : Vérifier les requêtes réseau

Afficher l'image
  1. Pendant que le site est ouvert, appuyez sur F12 (ou clic droit > Inspecter) pour ouvrir les outils de développement
  1. Cliquez sur l'onglet "Réseau" (ou "Network")
  1. Dans le champ de recherche, tapez "bat.bing" pour filtrer les requêtes Bing
  1. Examinez les URLs des requêtes Bing
Afficher l'image
Recherchez le paramètre asc dans les URLs :
  • asc=D indique que le consentement est refusé ("denied")
  • asc=G indique que le consentement est accordé ("granted")

Étape 9 : Test complet en navigation privée

Afficher l'image
Pour un test complet, suivez ces étapes :
  1. Ouvrez une nouvelle fenêtre de navigation privée (Ctrl+Maj+N sur Chrome)
  1. Accédez à votre site
  1. Ouvrez les outils de développement (F12) et allez à l'onglet Réseau
  1. Filtrez par "bat.bing"
  1. Vérifiez que le paramètre asc=D est présent par défaut
  1. Acceptez les cookies marketing via la bannière Cookie Bot
  1. Rechargez la page et vérifiez que le paramètre est maintenant asc=G
  1. Répétez le test en refusant les cookies pour confirmer que asc=D persiste

Résolution des problèmes

Problèmes courants et solutions

Les tags ne s'exécutent pas dans le bon ordre

Afficher l'image
  • Solution : Vérifiez les priorités des tags dans les paramètres avancés
      1. Ouvrez chaque tag
      1. Cliquez sur "Plus" en bas pour afficher les options avancées
      1. Vérifiez que les priorités sont correctement définies :
          • Default Consent: 10
          • Update Consent: 9
          • Microsoft UET: 8
      1. Assurez-vous également que le tag Default utilise l'option "Activer au début du document"

Le paramètre asc n'apparaît pas correctement

Afficher l'image
  • Solution :
      1. Dans le mode aperçu GTM, examinez les valeurs de la variable "JS - Cookie Bot Marketing Consent"
      1. Vérifiez que Cookie Bot est correctement installé sur votre site
      1. Créez un tag HTML temporaire pour déboguer :
        1. javascript
          javascript Copier <script> console.log("Cookiebot status:", { defined: typeof Cookiebot !== 'undefined', consent: Cookiebot ? Cookiebot.consent : 'undefined', marketing: Cookiebot && Cookiebot.consent ? Cookiebot.consent.marketing : 'undefined' }); </script>
      1. Vérifiez que le tag UET n'a pas de conditions de consentement supplémentaires

Les événements Cookie Bot ne sont pas détectés

Afficher l'image
  • Solution :
      1. Ouvrez la console JavaScript (F12 > Console)
      1. Ajoutez temporairement ce code sur votre site pour vérifier les événements :
        1. javascript
          javascript Copier window.addEventListener('CookiebotOnAccept', function() { console.log('CookiebotOnAccept détecté'); }); window.addEventListener('CookiebotOnDecline', function() { console.log('CookiebotOnDecline détecté'); });
      1. Vérifiez que Cookie Bot est configuré pour déclencher ces événements
      1. Consultez la documentation de Cookie Bot pour confirmer les noms exacts des événements

Validation finale

Liste de vérification pour la production

Avant de publier votre conteneur GTM, vérifiez ces points essentiels :
La variable "JS - Cookie Bot Marketing Consent" renvoie les bonnes valeurs
  • Testez-la dans le mode aperçu GTM pour vous assurer qu'elle renvoie "granted" ou "denied" selon le choix de l'utilisateur
Les tags s'exécutent dans le bon ordre
  • Default Consent (priorité 10) -> Update Consent (priorité 9) -> Microsoft UET (priorité 8)
Le paramètre asc correspond bien aux choix de l'utilisateur
  • Vérifiez dans les requêtes réseau que asc=D devient asc=G après acceptation
L'implémentation est compatible avec le Consent Mode Google existant
  • Assurez-vous que cette implémentation ne perturbe pas votre Consent Mode Google si vous l'utilisez déjà
Les performances du site ne sont pas affectées
  • Vérifiez que les temps de chargement ne sont pas impactés négativement

Publication dans GTM

Afficher l'image
Une fois les tests validés :
  1. Cliquez sur "Soumettre" en haut à droite de l'interface GTM
  1. Donnez un nom à votre version (ex: "Ajout du Consent Mode Bing Ads")
  1. Ajoutez une description détaillée des modifications
  1. Cliquez sur "Publier"

Configuration du tag Microsoft UET

Maintenant, configurons correctement le tag Microsoft UET pour qu'il fonctionne avec le Consent Mode :
Nom : Microsoft UET - Consent Mode Type de tag : Microsoft Advertising Universal Event Tracking (UET) UET Tag ID : Votre ID de tag UET Événement à suivre : Page view
Déclencheur : All Pages (sans condition sur le consentement)
Important : Assurez-vous de ne pas ajouter de condition de consentement sur ce tag, puisque c'est maintenant le Consent Mode qui gère cet aspect.

Vérifiez que ça fonctionne

J'utilise cette méthode pour m'assurer que tout est bien en place :
  1. Ouvrez votre site en navigation privée
  1. Inspectez l'onglet Réseau (Network)
  1. Cherchez les requêtes Bing Ads
  1. Avant consentement : vérifiez que le paramètre asc est bien à "D"
    1. Afficher l'image
  1. Acceptez les cookies de la catégorie Marketing dans OneTrust, naviguez sur une autre page
  1. Vérifiez que asc est passé à "G"
    1. Afficher l'image
  1. Refaites le test en refusant pour vérifier que le "D" reste bien en place

Ordre de déploiement et tests

Pour une implémentation réussie, suivez cet ordre de déploiement :
  1. Créez d'abord les variables et déclencheurs
      • Variable Data Layer OnetrustActiveGroups
      • Variable JavaScript pour vérifier le consentement
      • Déclencheur pour l'événement OneTrustGroupsUpdated
  1. Créez ensuite les tags dans cet ordre
      • Tag HTML - Bing Consent Mode Default
      • Tag HTML - Bing Consent Mode Update
      • Tag Microsoft UET (avec Consent Mode)
  1. Testez dans l'aperçu GTM
      • Vérifiez que le tag Default s'exécute bien au chargement de la page
      • Vérifiez que le tag Update s'exécute quand l'événement OneTrustGroupsUpdated est déclenché
      • Vérifiez que le tag UET s'exécute après le tag Default

Points importants spécifiques à OneTrust

  1. Vérifiez vos groupes de consentement : OneTrust utilise généralement C0001, C0002, C0003, C0004, etc. pour catégoriser les cookies. Assurez-vous d'identifier correctement celui qui correspond à la catégorie Marketing/Advertising dans votre configuration.
  1. La variable OnetrustActiveGroups : C'est une chaîne de texte avec une structure spécifique comme ,C0001,C0003,, c'est pourquoi on utilise .includes(',C0004,') avec les virgules.
  1. Événement OneTrustGroupsUpdated : C'est l'événement standard que OneTrust déclenche après une mise à jour des groupes de consentement.
  1. Format du Data Layer : Vérifiez dans l'aperçu GTM que le format du Data Layer correspond bien à celui attendu. Les versions plus récentes d'OneTrust peuvent avoir une structure légèrement différente.

Validation avec le support Bing

Denied Status
Image without caption
Les états de consentement (D et G) et détaillez votre méthode de test.
Granted
Image without caption
La connaissance de votre implémentation spécifique à COOKIE BOT vous aidera à expliquer clairement comment vous gérez le consentement pour Bing Ads. Vous avez besoin d’aide ?
🥼
Contactez Tag Expert 👉 Par mail : contact@tagexpert.fr 👉 Via notre site : https://tagexpert.fr
Related posts
post image
Découvrez dans cette article de blog comment mettre en place le consent mode de Bing Ads
post image
Découvrez dans cette article de blog comment mettre en place le consent mode de Bing Ads
post image
Découvrez dans cette article de blog comment mettre en place le consent mode de Bing Ads
Powered by Notaku