Résoudre les problèmes liés au mode Consentement avec Tag Assistant

Cet article s'adresse aux développeurs et aux administrateurs qui souhaitent vérifier et résoudre les problèmes liés à l'implémentation du mode Consentement sur leur site Web. Pour les implémentations du TCF sur des sites Web, consultez Résoudre les problèmes liés au TCF. Pour vérifier les implémentations d'application, consultez les instructions pour Android et iOS.

Vous pouvez vérifier l'implémentation du mode Consentement pour:

  • Indique si votre site Web définit l'état du consentement par défaut approprié avant le déclenchement des balises. La valeur par défaut appropriée dépend des règles de votre organisation.
  • si votre site Web met à jour les états de consentement correctement une fois que les visiteurs ont accordé ou refusé le consentement ;
  • Quelles balises vérifient quels types de consentement correspondent.
  • Indique si les types de consentement requis ont été accordés lorsque chaque balise a été déclenchée et si la balise a réussi les vérifications de tout consentement supplémentaire requis.

Tag Assistant est compatible avec les mécanismes de consentement suivants:

Avant de commencer

Vous pouvez utiliser Tag Assistant dans tous les navigateurs. Pour un dépannage optimal, utilisez Google Chrome et installez l'extension de navigateur Tag Assistant Companion.

Vérifier le bon fonctionnement du mode Consentement

Les étapes suivantes vous expliquent comment déboguer le mode Consentement. Si vous avez défini des valeurs par défaut ou des bannières de consentement spécifiques à une région, répétez ces étapes avec différentes simulations de zones géographiques. Découvrez comment définir des lieux dans Chrome.

gtag.js

Pour vérifier la configuration du consentement pour les sites Web, démarrez une nouvelle session Tag Assistant:

  1. Ouvrez Google Tag Assistant.
  2. Saisissez l'URL de votre site Web. Un nouvel onglet s'affiche, avec votre site Web.

  3. Sur votre site Web, ouvrez la bannière des cookies et acceptez tous les paramètres.

  4. Dans Tag Assistant, vérifiez si la page a correctement défini le consentement par défaut:

    1. Dans Récapitulatif, sélectionnez l'événement Consentement le plus ancien.
    2. Dans la section Appel d'API, vérifiez que les paramètres suivants ont été définis: ad_storage, ad_personalization, ad_user_data, analytics_storage.
    3. Dans la section Output (Résultat) de votre balise, vous pouvez également sélectionner l'onglet Consent (Consentement) et consulter la colonne On-page Default (Valeur par défaut sur la page).

      Capture d'écran de Tag Assistant montrant les paramètres de consentement par défaut

  5. Vérifiez si la page a modifié le consentement en fonction de votre interaction avec la bannière de consentement:

    1. Dans Résumé, sélectionnez l'événement Consentement le plus récent.
    2. Dans la section Appel d'API, vérifiez que les paramètres suivants ont été mis à jour: ad_storage, ad_personalization, ad_user_data, analytics_storage.
    3. Dans la section Output (Résultat) de votre balise, vous pouvez également sélectionner l'onglet Consent (Consentement), puis consulter la colonne On-page Update (Mise à jour sur la page).

      Capture d'écran de Tag Assistant montrant les paramètres de consentement mis à jour

Tag Manager

Pour vérifier la configuration du consentement pour les sites Web, démarrez une nouvelle session Tag Assistant:

  1. Ouvrez Google Tag Assistant.
  2. Saisissez l'URL de votre site Web. Un nouvel onglet s'affiche, avec votre site Web.

  3. Sur votre site Web, ouvrez la bannière des cookies et acceptez-les tous.

  4. Dans Tag Assistant, vérifiez si la page a correctement défini le consentement par défaut:

    1. Dans Récapitulatif, sélectionnez l'événement Consentement le plus ancien.
    2. Dans la section Appel d'API, vérifiez que les paramètres suivants ont été définis: ad_storage, ad_personalization, ad_user_data, analytics_storage.
    3. Dans la section Output (Résultat) de votre balise, vous pouvez également sélectionner l'onglet Consent (Consentement) et consulter la colonne On-page Default (Valeur par défaut sur la page).

      Capture d'écran de Tag Assistant montrant les paramètres de consentement par défaut

  5. Vérifiez si la page a modifié le consentement en fonction de votre interaction avec la bannière de consentement:

    1. Dans Résumé, sélectionnez l'événement Consentement le plus récent.
    2. Dans la section Appel d'API, vérifiez que les paramètres suivants ont été mis à jour: ad_storage, ad_personalization, ad_user_data, analytics_storage.
    3. Dans la section Output (Résultat) de votre balise, vous pouvez également sélectionner l'onglet Consent (Consentement), puis consulter la colonne On-page Update (Mise à jour sur la page).

      Capture d'écran de Tag Assistant montrant les paramètres de consentement mis à jour

  6. Identifiez les balises déclenchées ou bloquées par l'état du consentement:

    1. Dans Résumé, sélectionnez l'onglet Balises.
    2. Cliquez sur une balise pour vérifier si elle s'est comportée conformément aux paramètres de consentement.

Sélectionnez un problème pour obtenir des instructions de dépannage:

L'onglet Consentement de Tag Assistant est vide lorsque le mode Consentement n'est pas implémenté sur la page.

Pour résoudre le problème, vous devez implémenter le mode Consentement. Les instructions ci-dessous supposent que vous avez déjà une bannière de consentement sur votre site Web.

gtag.js

Vidéo: Configurer le mode Consentement

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

Procédure détaillée: configurer le mode Consentement

Si vous utilisez une plate-forme de gestion du consentement (CMP) pour charger une bannière de consentement:

  1. Vérifiez si votre CMP est compatible avec le mode Consentement de Google.
  2. Vérifiez les paramètres de votre CMP pour activer le mode Consentement de Google.
  3. Vérifiez que le mode Consentement fonctionne.

Si vous gérez votre propre bannière de consentement ou si votre CMP ne s'intègre pas automatiquement au mode Consentement, implémentez le mode Consentement manuellement.

Tag Manager

Si vous utilisez Tag Manager, nous vous recommandons d'utiliser une plate-forme de consentement qui fournit un modèle Tag Manager. Pour configurer une bannière de consentement à l'aide de Tag Manager:

  1. Ouvrir Google Tag Manager
  2. Dans votre espace de travail, ouvrez le menu Balises.
  3. Configurez une balise Nouvelle. Cliquez sur Configuration de la balise et ouvrez la galerie de modèles de la communauté.
  4. Recherchez la balise de votre fournisseur de PGC, puis cliquez sur Ajouter à l'espace de travail.
  5. Renseignez les champs de votre modèle de tag. Votre fournisseur de CMP dispose de plus d'informations sur les champs obligatoires.
  6. Dans "Déclenchement", sélectionnez le déclencheur Initialisation du consentement - Toutes les pages.
  7. Enregistrez la balise et prévisualisez votre conteneur pour vérifier le fonctionnement du mode Consentement.

Si vous gérez votre propre bannière de consentement ou si votre CMP ne s'intègre pas automatiquement au mode Consentement, implémentez le mode Consentement manuellement.

Définir une valeur de consentement par défaut pour tous les paramètres du mode Consentement vous permet de gérer efficacement le comportement de vos balises en fonction de l'implémentation standard de votre bannière de consentement. En savoir plus sur les exigences de consentement Google

gtag.js

Déplacez tout le code qui appelle les commandes de consentement gtag par défaut plus haut sur la page, au-dessus des extraits de balise ou des autres codes susceptibles d'utiliser le consentement.

Définissez les paramètres de consentement suivants:

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

Ne définissez pas les états de consentement par défaut de manière asynchrone.

Tag Manager

Si vous utilisez un modèle de balise de PGC dans Tag Manager, consultez la documentation de la PGC pour savoir comment définir le consentement par défaut à l'aide du modèle Tag Manager.

Assurez-vous que la balise charge les paramètres de consentement par défaut pour au moins ces quatre paramètres:

  • ad_storage
  • ad_user_data
  • ad_personalization
  • analytics_storage

Si vous gérez votre propre bannière de consentement ou si votre CMP ne s'intègre pas automatiquement au mode Consentement, implémentez le mode Consentement manuellement.

Le site Web doit définir l'état du consentement par défaut avant que toute balise ou autre code utilise ou mette à jour le consentement. Définir la valeur par défaut trop tard peut ne pas avoir l'effet attendu. En savoir plus sur les exigences de consentement Google

Par exemple, dans le scénario suivant, le tag d'emplacement publicitaire a déjà lu ou écrit un cookie avant que le consentement par défaut ne soit défini:

  1. Le visiteur ouvre la page
  2. Déclenchements du tag d'emplacement publicitaire
  3. Consentement par défaut défini sur "Refusé"

Tag Assistant signale une erreur : Erreur Tag Assistant

gtag.js

Déplacez tout le code qui appelle les commandes de consentement gtag par défaut plus haut sur la page, au-dessus des extraits de balise ou des autres codes susceptibles d'utiliser le consentement.

Définissez les paramètres de consentement suivants:

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

Ne définissez pas les états de consentement par défaut de manière asynchrone.

Tag Manager

Si une balise de modèle de consentement définit le consentement par défaut:

  1. Modifiez le déclencheur de la balise du modèle d'écriture du consentement pour qu'elle s'active lors de l'initialisation du consentement.
  2. Pour toutes les autres balises: déclenchez les balises après l'initialisation du consentement. Par exemple, pour déclencher une balise lors du chargement de la page, utilisez le déclencheur Initialisation - Toutes les pages.

Lorsque le visiteur du site Web interagit avec votre bannière de consentement, il doit envoyer une commande update de consentement. Si l'état du consentement n'est pas mis à jour, vérifiez si un mécanisme de mise à jour est implémenté.

gtag.js

Utilisez la commande gtag.js update pour mettre à jour l'état du consentement une fois qu'un visiteur a interagi avec votre bannière. Assurez-vous de disposer d'un mécanisme de mise à jour pour chaque paramètre pour lequel vous définissez une valeur de consentement par défaut, et qu'un utilisateur peut modifier son consentement à la fois pour granted et denied.

L'exemple suivant montre comment la fonction consentGrantedAdStorage met à jour l'état du consentement lorsqu'un visiteur accepte les cookies Ads dans une bannière de consentement.

<script>
function consentGrantedAdStorage() {
  gtag('consent', 'update', {
    'ad_storage': 'granted'
  });
  }
</script>
<!-- Invoke your consent function when a user interacts with your banner -->
<body>
  ...
  <button onclick="consentGrantedAdStorage()">Yes</button>
  ...
</body>

Tag Manager

Si vous utilisez une balise de modèle de consentement pour définir le consentement par défaut, assurez-vous qu'elle met également à jour l'état du consentement. Pour en savoir plus, consultez la documentation de votre fournisseur de PGC.

Vous pouvez définir différentes valeurs de consentement par défaut en fonction de la région du visiteur. Si vous avez implémenté les paramètres de consentement par défaut pour différentes régions, procédez comme suit pour vérifier que vos paramètres fonctionnent.

gtag.js

  1. Dans votre navigateur, définissez la situation géographique de vos visiteurs sur une région que vous souhaitez valider. Découvrez comment définir des lieux dans Chrome.
  2. Vérifiez que le mode Consentement fonctionne.
  3. Si le mode Consentement ne s'adapte pas à la région de l'utilisateur, vérifiez votre code source. Exemple :

      gtag('consent', 'default', {
        'analytics_storage': 'denied',
        'region': ['ES', 'US-AK']
      });
    
      gtag('consent', 'default', {
        'ad_storage': 'denied'
      });
    

    L'exemple définit une valeur de consentement régionale par défaut pour un paramètre, mais pas pour l'autre. Lorsque vous vérifiez le comportement régional, assurez-vous que tous les paramètres se comportent comme indiqué par vos règles d'administration. Découvrez comment configurer des régions géographiques.

Tag Manager

  1. Dans votre navigateur, définissez la situation géographique de vos visiteurs sur une région que vous souhaitez valider. Découvrez comment définir des lieux dans Chrome.
  2. Vérifiez que le mode Consentement fonctionne.
  3. Si le mode Consentement ne s'adapte pas à la région de l'utilisateur, vérifiez les paramètres de votre balise de consentement. Pour en savoir plus, consultez Configurer des régions géographiques.

Étapes suivantes

La balise Google tient compte du consentement. Elle ajuste donc son comportement en fonction du consentement de l'utilisateur. Si vous bloquez le chargement de la balise Google jusqu'à ce qu'un utilisateur donne son consentement, vos conversions modélisées sont moins précises et la modélisation du comportement n'est pas disponible dans Google Analytics 4. Débloquez votre balise Google pour obtenir les meilleurs résultats de mesure.

En savoir plus sur l'impact du mode Consentement