Google Tag Manager (GTM) est un outil permettant de gérer et de déployer des balises (extraits de code ou pixels de suivi) sur votre site Web sans avoir à modifier le code de votre site.
Si vous utilisez Google Tag Manager (GTM) pour ajouter des cookies à votre site Web et gérer le contenu du site, vous pouvez le configurer de telle sorte que les scripts soient directement contrôlés par les préférences de consentement sélectionnées par les visiteurs.
Cela peut s'avérer plus efficace que les méthodes auxiliaires standard décrites dans la section Gestion des cookies côté client de ce guide. Cependant, il existe des différences de comportement dues au fonctionnement spécifique de GTM.
Cette section du guide détaille comment configurer GTM pour tirer tous les avantages de ces modifications.
Note
L'objectif n'est pas de présenter Google Tag Manager dans son intégralité. Consultez la documentation officielle de Google Tag Manager pour de plus amples informations sur sa configuration et son utilisation.
[en] How it Works
Afin de transmettre les données à Google Tag Manager, le module Consentement aux cookies utilise des variables. Il prend en charge les variables JavaScript et les variables de couche de données. Nous vous recommandons d'utiliser les variables de couche de données GTM.
Le module Consentement aux cookies utilise l'objet dataLayer déjà existant ou crée un objet s'il n'existe pas déjà. Si votre site Web crée un objet dataLayer, assurez-vous que celui-ci ne remplace pas celui créé par le module Consentement aux cookies.
Une clé appelée OneTrustActiveGroups est alors ajoutée avec une valeur définie par une chaîne de tous les identifiants de catégorie paramétrés sur Actif (séparés par des virgules) et sélectionnés par le visiteur (ou lors de la configuration par défaut). Une fois le script exécuté, cette clé est régénérée à chaque chargement de page.
Lorsqu'un utilisateur met à jour son consentement, un événement dataLayerOneTrustGroupsUpdated est déclenché. Vous utiliserez cet événement lors de la création de déclencheurs à appliquer à vos balises.
En créant des déclencheurs et une variable personnalisée GTM, vous pouvez faire en sorte que les balises GTM ne se déclenchent qu'en présence de groupes de consentement spécifiques dans OntrustActiveGroups.
Vous pouvez implémenter cette intégration de deux manières : en téléchargeant et fusionnant un fichier de conteneur fourni ou en établissant manuellement des déclencheurs pour chaque balise.
[en] Important Notes about Google Tag Manager Integration
Les champs des valeurs et du générateur de règles Google Tag Manager peuvent être personnalisés si un comportement différent de celui présenté dans l'exemple de cette section, est requis.
-
Le blocage automatique est capable de bloquer Google Tag Manager. Dans ce cas, utilisez l'une des méthodes suivantes pour débloquer Google Tag Manager :
j.setAttributeNode(d.createAttribute('data-ot-ignore'));
j.setAttribute('class','optanon-category-C0001');
[en] Example:
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.setAttributeNode(d.createAttribute('data-ot-ignore'));
j.async = true;j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-XXXXXXX');
</script>
<!-- End Google Tag Manager -->
Pour créer une nouvelle variable
Ouvrez votre conteneur dans Google Tag Manager.
Cliquez sur l'onglet Variables dans le menu principal. La page Variable s'ouvre.
Créez une nouvelle variable définie par l'utilisateur.
-
Nommez la variable.
Astuce
Pour identifier aisément la variable, nous vous conseillons de la nommer OnetrustActiveGroups.
Dans la section Variables de page, définissez le type de la variable sur Variable de couche de données.
-
Définissez le champ Nom de variable de couche de données sur OneTrustActiveGroups.
Note
Le champ Nom de variable de couche de données doit être défini sur OneTrustActiveGroups pour garantir une bonne exécution du code.
Cliquez sur le bouton Enregistrer.
Important
[en] Custom data layer variables are only supported by OneTrust 6.29 and up.
Pour déployer le script de bandeau dans une balise
Si vous utilisez une balise de type HTML personnalisée de Google Tag Manager, le contenu de la balise peut se présenter sous l'une des formes suivantes :
Cliquez sur l'onglet Balises dans le menu principal. La page Balises s'ouvre.
Cliquez sur Nouveau. La fenêtre modale Balise s'affiche.
Nommez la balise Script de bandeau de cookies
Dans Configuration de la balise, cliquez sur le bouton d'édition. La fenêtre modale Sélectionner le type de balise s'affiche.
Sélectionnez HTML personnalisé.
[en] Paste the published script into the HTML editor.
-
Collez le script publié dans l'éditeur HTML et cochez la case Prendre en charge document.write.
<!-- OneTrust Cookies Consent Notice start -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
type="text/javascript" charset="UTF-8" data-domain-script="YOUR DATA DOMAIN SCRIPT ID"></script>
<script type="text/javascript">
function OptanonWrapper()
</script>
<!-- OneTrust Cookies Consent Notice end -->
Cliquez sur l'icône Déclenchement. La fenêtre modale Choisir un déclencheur s'affiche.
Sélectionnez Toutes les pages.
Cliquez sur Enregistrer.
Dans GTM, les déclencheurs invitent les balises à se déclencher ou non en fonction de certains critères. Plusieurs déclencheurs différents peuvent être déjà appliqués à vos balises.
Dans le cadre de l'intégration du consentement aux cookies à GTM, vous allez créer un déclencheur associé à chaque catégorie de cookies.
Lorsque vous appliquez ces déclencheurs à vos balises, ces dernières sont invitées à se déclencher ou non en fonction de la catégorie de cookies active ou du consentement donné par l'utilisateur.
Vous aurez besoin d'un déclencheur distinct pour chacune des catégories de cookies dans lesquelles vous bloquerez les cookies. Par exemple, un groupe peut être nommé Cookies de performance, dont l'identifiant de catégorie est C0002 et qui contrôle les cookies activés par votre balise Google Analytics.
Chaque déclencheur doit correspondre aux ID de catégorie définis dans votre application de consentement aux cookies. Vous pouvez trouver les ID de catégorie de cookies dans l'application de consentement aux cookies, sous Catégorisations.
Nous souhaitons que les déclencheurs d'ID de catégorie de cookies OneTrust créés ou téléchargés soient appliqués à vos balises existantes, de sorte que le déclencheur OneTrust soit le facteur limitant à l'activation de balise. Cela peut être fait de plusieurs manières. Trois façons sont décrites ci-dessous.
Création d'un déclencheur d'activation
Utilisation de déclencheurs d'activation sur des balises existantes et création d'un groupe de déclencheurs
Création de déclencheurs d'exception
Pour créer un déclencheur d'activation
Ouvrez votre conteneur dans Google Tag Manager.
Cliquez sur l'onglet Déclencheurs dans le menu principal. La page Déclencheurs s'affiche.
Cliquez sur Nouveau. La page Configuration du déclencheur s'ouvre.
Indiquez un nom approprié (Cookies de performance actifs, par exemple).
Cliquez sur Configuration du déclencheur et définissez le type de déclencheur sur Événement personnalisé.
Définissez le nom d'événement sur OneTrustGroupsUpdated. Cet événement est intégré dans le script.
-
Sélectionnez Certaines vues de page et configurez le déclenchement lorsque les conditions suivantes sont vraies :
[OnetrustActiveGroups] [matches RegEx] [,C0002,]
Enregistrez le déclencheur.
Répétez ce processus pour les autres catégories de cookies.
Appliquez les déclencheurs aux balises en tant que déclencheurs d'activation.
Note
Si une balise est bloquée, puis autorisée, elle s'active sans qu'il soit nécessaire de recharger la page en raison de l'écoute de OneTrustGroupsUpdated. Si elle avait déjà été autorisée, puis bloquée, la balise serait bloquée lors des chargements de page suivants.
Pour créer un déclencheur d'exception
Vous pouvez également configurer un déclencheur d'exception pour activer le script si une catégorie de cookies n'est pas active.
Utilisez un déclencheur d'exception uniquement si un déclencheur d'activation différent est déjà configuré dans votre balise.
Note
Dans Google Tag Manager, les déclencheurs de blocage doivent être activés lors du même événement que les déclencheurs actifs.
Par exemple, lancez l'activation du déclencheur lorsque OneTrust Active Groups ne contient pas l'identifiant C0002 (C0002 correspondant à l'identifiant des cookies de performance). Appliquez ce déclencheur de blocage comme une exception aux balises de ce groupe.
Cliquez sur l'onglet Déclencheurs dans le menu principal. La page Déclencheurs s'affiche.
Cliquez sur Nouveau. La page Configuration du déclencheur s'affiche.
Créez un nouveau déclencheur et nommez-le en conséquence, par ex. Cookies de performance de blocage.
Cliquez sur Configuration du déclencheur et définissez le type de déclencheur sur Événement personnalisé.
Définissez le nom d'événement sur .*. Cet événement s'applique à tous les événements et permet au déclencheur d'exception de remplacer l'événement qui se trouve dans le déclencheur d'activation.
Définissez le déclencheur sur Certains événements personnalisés.
-
Sélectionnez Certaines vues de page et définissez le déclencheur pour qu'il s'active lorsque les conditions suivantes sont vraies :
[OnetrustActiveGroups] [does not match RegEx] [,C0002,]
Enregistrez le déclencheur.
Répétez ce processus pour les autres catégories de cookies.
Ajoutez le déclencheur à toutes les balises en tant qu'exception.
Utilisation de déclencheurs d'activation sur des balises existantes et création d'un groupe de déclencheurs
Lorsque vous utilisez un déclencheur d'activation, vous souhaitez que le déclencheur OneTrust soit le facteur limitant à l'activation de la balise.
Utilisez un groupe de déclencheurs uniquement si un déclencheur d'activation est déjà configuré dans votre balise.
Les groupes de déclencheurs utilisent des conditions AND, la condition OR étant utilisée pour appliquer directement plusieurs déclencheurs à une balise à activer.
Déclencheurs d'activation appliqués directement :
Dans le groupe de déclencheurs :
Il s'agit d'une autre méthode permettant de configurer les déclencheurs OneTrust et de les appliquer à vos balises, de sorte qu'ils soient le facteur limitant le déclenchement des balises.
Cliquez sur l'onglet Déclencheurs dans le menu principal. La page Déclencheurs s'affiche.
Cliquez sur Nouveau. La page Configuration du déclencheur s'affiche.
Créez un déclencheur et nommez-le en conséquence (Exemple de groupe de déclencheurs, par exemple).
Cliquez sur Configuration du déclencheur et définissez le type de Déclencheur sur Groupe de déclencheurs.
Utilisation d'un conteneur pour intégrer Google Tag Manager
Pour importer un conteneur
Ouvrez votre conteneur dans Google Tag Manager.
-
Accédez à l'onglet Admin.
Téléchargez le conteneur en cliquant sur le lien à la fin de l'article.
-
Cliquez sur le Conteneur d'importation.
Sélectionnez le fichier de conteneur téléchargé.
Sélectionnez Fusionner, puis Remplacer les balises, les déclencheurs et les variables divergents en tant qu'option d'importation.
Cliquez sur le bouton Confirmer.
Pour ajouter les déclencheurs aux balises
Dans le menu de navigation principal de Google Tag Manager, sélectionnez .
Sélectionnez une balise à laquelle appliquer le déclencheur Catégorie de cookies OneTrust approprié.
Appliquez le déclencheur d'activation, le groupe de déclencheurs ou le déclencheur d'exception approprié que vous avez créé.
Cliquez sur le bouton Ajouter.
Blocage des balises à l'aide du cookie OptanonConsent
Outre la variable de couche de données OneTrustActiveGroups, le fichier the OTSDKstub.js définit également le cookie interne OptanonConsent pour recueillir le consentement de l'utilisateur. Le consentement actuel peut être lu en décodant la valeur du cookie OptanonConsent. Pour plus d'informations, consultez la section Cookies de OneTrust.
Pour créer une nouvelle variable
Ouvrez votre conteneur dans Google Tag Manager.
Cliquez sur l'onglet Variables dans le menu principal. La page Variable s'ouvre.
Créez une nouvelle variable définie par l'utilisateur.
-
Nommez la variable.
Astuce
Pour identifier aisément la variable, nous vous conseillons de la nommer OptanonConsent.
Définissez le type de variable sur Cookie interne dans la section Variables de page.
-
Définissez le nom de variable de couche de données sur OptanonConsent.
Note
Le nom de variable de couche de données doit être défini sur OptanonConsent pour garantir une bonne exécution du code. En outre, l'option Cookie de décodage URI doit être activée.
Cliquez sur le bouton Enregistrer.
Comme pour la configuration de la variable de couche de données OnetrustActiveGroups, les déclencheurs actifs et les déclencheurs de blocage seront créés pour chaque catégories de cookies dans le compte. Le cookie OptanonConsent étant défini au chargement de la page, cela permet de déclencher les balises du client avant l'événement OneTrustGroupsUpdated normalement utilisé par la variable de couche de données pour bloquer les catégories de cookies.
Par exemple, si vous utilisez un événement de commerce électronique que vous avez défini dans la couche de données, vous pouvez utiliser le cookie OptanonConsent sur la variable de couche de données OneTrustActiveGroups pour déclencher vos balises analytiques sur l'événement de commerce électronique plutôt que sur OneTrustGroupsUpdated.
Pour créer un déclencheur d'activation
Ouvrez votre conteneur dans Google Tag Manager.
Cliquez sur l'onglet Déclencheurs dans le menu principal. La page Déclencheurs s'affiche.
Cliquez sur Nouveau. La page Configuration du déclencheur s'affiche.
Indiquez un nom approprié (Cookie interne - Performances actives - OT, par exemple).
-
Cliquez sur Configuration du déclencheur et définissez le type de déclencheur sur le cas d'utilisation approprié.
Note
L'ajout de déclencheurs Page View ou DOM Ready entraînera probablement la non-activation des déclencheurs lors du chargement de la première page.
Définissez le nom de l'événement sur l'événement sur lequel la balise affectée s'active. Il est différent de la variable de couche de données OneTrustActiveGroups qui doit se déclencher lors de l'événement OneTrustGroupsUpdated.
-
Sélectionnez le déclencheur approprié et réglez-le pour qu'il s'active lorsque les conditions suivantes sont vraies :
[OptanonConsent] [contains] [C0002:1]
Enregistrez le déclencheur.
Répétez ce processus pour les autres catégories de cookies.
Appliquez les déclencheurs aux balises en tant que déclencheurs d'activation.
Pour créer un déclencheur d'exception
Ouvrez votre conteneur dans Google Tag Manager.
Cliquez sur l'onglet Déclencheurs dans le menu principal. La page Déclencheurs s'affiche.
Cliquez sur Nouveau. La page Configuration du déclencheur s'affiche.
Nommez-le en conséquence (Cookie interne - Performances de blocage - OT, par exemple).
Cliquez sur Configuration du déclencheur et définissez le type de déclencheur sur le cas d'utilisation approprié.
Définissez le nom de l'événement sur l'événement lors duquel la balise affectée s'active. Il est différent de la variable de couche de données OneTrustActiveGroups qui doit se déclencher lors de l'événement OneTrustGroupsUpdated.
-
Sélectionnez le déclencheur approprié et réglez-le pour qu'il s'active lorsque les conditions suivantes sont vraies :
[OptanonConsent] [does not contain] [C0002:1]
Enregistrez le déclencheur.
Répétez ce processus pour les autres catégories de cookies.
Appliquez les déclencheurs aux balises en tant que déclencheurs d'exception.
Pour exploiter les attributs dataLayer
À l'aide des attributs dataLayer suivants, vous pouvez empêcher le CDN OneTrust de pousser vers window.dataLayer ou créer un attribut dataLayer pour contrôler la façon dont les messages sont envoyés à GTM.
Pour interdire au CDN de pousser vers window.dataLayer
-
Insérez l'attribut data-dLayer-ignore dans votre script.
Exemple :
<script src="https:/cdn.cookielaw.org/scripttemplates/otSDKStub.js"
type="text/javascript" charset="UTF-8" data-domain-script="XXXXX"
data-dLayer-ignore="true"></script>
Pour permettre au CDN de pousser vers un nouvel attribut dataLayer
-
Insérez l'attribut data-dLayer-name dans votre script.
Exemple :
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
type="text/javascript" charset="UTF-8" data-domain-script="XXXXXX"
data-dLayer-name="dataLayerOneTrust"></script>
Cela permet au CDN de pousser vers votre attribut dataLayer défini uniquement. Le pousser vers widow.dataLayer est désactivé.
Dépannage : Support Document.Write
Si vous utilisez Google Tag Manager et que la case "Prise en charge de Document.Write" de plusieurs balises ou conteneurs est cochée, il est possible que le script ne soit pas lancé correctement.
Pour le vérifier, bloquez l'URL de demande du conteneur qui ne contient pas la balise CookiePro/OneTrust.
Pour résoudre ce problème, définissez la balise à l'origine du conflit pour qu'elle s'active après le chargement complet du script CookiePro/OneTrust.
Pour ce faire, définissez la balise en question pour qu'elle utilise un déclencheur d'activation en fonction de l'événement OnetrustGroupsUpdated qui pousse dans l'attribut dataLayer dès que le script terminé. Ce correctif s'apparente à la méthode utilisée pour s'assurer que les cookies ne sont pas déposés pour les utilisateurs en fonction des préférences de consentement.
