Leading Consent Management Platform

Compliant with GDPR, CCPA, COPPA, LGPD, PECR, PDPA, PIPEDA, and more.

Sites e-commerce, SaaS et marketing : tags courants par région

Ce guide s'adresse aux boutiques en ligne, aux produits SaaS et aux sites marketing. Il configure UniConsent avec les tags d'analyse, de publicité et de marketing utilisés par votre site, afin que chaque tag reçoive le consentement dont il a besoin en Europe et dans les autres régions de vos visiteurs.

Temps nécessaire : environ 1 heure : environ 10 minutes pour les étapes 1 et 2, 5 à 10 minutes pour chaque tag de l'étape 4, et environ 30 minutes pour tester et vérifier aux étapes 6 et 7. Les modifications publiées dans le tableau de bord peuvent mettre quelques minutes à atteindre votre site.

Qui fait quoi : les étapes 1, 3, 6 et 7 se font dans le tableau de bord UniConsent et dans votre navigateur. Les étapes 2, 4 et 5 modifient le code de votre site ou votre Google Tag Manager : votre développeur web pourra vous aider pour celles-ci.

Étape 1 : Choisir le type de bannière

Choisissez Catégories de consentement. Les visiteurs choisissent parmi quatre catégories, et Google Consent Mode suit leur choix :

CatégorieCe qu'elle couvreExemples
1. Strictement nécessairesLes cookies sans lesquels votre site ne fonctionne pas. Toujours actifs.Panier, commande, paiement, connexion, sécurité
2. Performance / AnalyseMesurer l'utilisation de votre site par les visiteursGoogle Analytics 4, Hotjar, Microsoft Clarity
3. FonctionnalitéFonctionnalités et personnalisationChat en direct, préférences enregistrées, vidéos et cartes intégrées
4. Ciblage / PublicitéPublicité, reciblage et suivi des conversionsGoogle Ads, Meta Pixel, TikTok Pixel, LinkedIn, Pinterest, Microsoft Advertising

Si votre site diffuse aussi de la publicité programmatique, ou si vos partenaires publicitaires ont besoin des signaux IAB TCF ou IAB GPP, choisissez plutôt IAB TCF Advanced.

Étape 2 : Installer d'abord le tag UniConsent

Ajoutez le tag UniConsent en haut de <head>, avant tout autre tag, afin qu'il puisse retenir les autres tags jusqu'à ce que le choix du visiteur soit connu. Consultez Installer les tags UniConsent pour le web. Il existe aussi un plugin WordPress et une application Shopify : consultez la même page et Configurer la CMP pour Shopify.

Si vous gérez vos tags dans Google Tag Manager, chargez plutôt le tag CMP UniConsent avec le déclencheur Consent Initialization - All Pages. Consultez Consent Mode pour Google Tag Manager.

Étape 3 : Ce que reçoit chaque région

RégionCe que voient les visiteursCe qu'il advient de vos tags
EuropeLa bannière de catégories de consentementLes tags attendent le choix du visiteur. Google Consent Mode est refusé jusqu'à ce que le visiteur accepte.
États-Unis, avec Show Banner in the US activéLa bannière de catégories de consentement, dans tous les États ou ceux que vous sélectionnezLes tags se chargent immédiatement et les visiteurs peuvent désactiver des catégories. Un signal Global Privacy Control du navigateur désactive Ciblage ou Publicité jusqu'à ce que le visiteur enregistre un choix.
Autres pays que vous ajoutez à la bannièreLa bannière de catégories de consentementLes tags se chargent et les visiteurs peuvent désactiver des catégories.
Partout ailleursPas de bannièreLes tags se chargent et Google Consent Mode est accordé.

L'Europe couvre l'Union européenne, la Norvège, l'Islande et le Liechtenstein, le Royaume-Uni, la Suisse, ainsi que l'Albanie, l'Andorre, la Biélorussie, la Bosnie-Herzégovine, le Kosovo, la Moldavie, Monaco, le Monténégro, la Macédoine du Nord, Saint-Marin, la Serbie et l'Ukraine.

Au Royaume-Uni, l'UK GDPR et les recommandations de l'ICO exigent un consentement avant le dépôt de cookies non essentiels : gardez donc le Royaume-Uni dans votre région Europe, les tags sont retenus jusqu'à ce que le visiteur accepte.

Si vous désactivez la bannière pour une région, les visiteurs de cette région sont traités comme si aucune CMP n'était installée : aucune bannière ne s'affiche et aucun tag ni cookie n'est bloqué.

Étape 4 : Intégrer vos tags

Certains fournisseurs lisent eux-mêmes le choix du visiteur : vous n'avez donc pas besoin de les bloquer. Chargez-les comme d'habitude et ils s'adaptent au choix. Il s'agit des tags Google via Google Consent Mode, de Microsoft Clarity et Microsoft Advertising via Microsoft Consent Mode, du Meta Pixel et du TikTok Pixel via les tags de consentement d'UniConsent, et de Shopify via sa Customer Privacy API. Les bloquer reste facultatif : si vous préférez qu'ils ne se chargent pas du tout avant le consentement, utilisez le mode de consentement de base pour les tags Google, ou UnicScript pour les autres.

TagCommentGuide
Google Analytics 4, conversions et remarketing Google AdsGoogle Consent Mode. Google a besoin des signaux Consent Mode V2 pour les visiteurs en Europe afin que la mesure des conversions et le remarketing continuent de fonctionner. Avec le mode de consentement avancé, chargez les tags sur toutes les pages : ils s'adaptent au choix du visiteur.Tag Google, Google Tag Manager, Google Consent Mode
Meta PixelRetenez le pixel avec fbq('consent', 'revoke') et ajoutez le tag de consentement Meta Pixel d'UniConsent.Meta Pixel
TikTok PixelRetenez le pixel avec ttq.holdConsent() et ajoutez le tag de consentement TikTok Pixel d'UniConsent.TikTok Pixel
Microsoft Advertising (UET), Microsoft ClarityMicrosoft Consent Mode, qu'UniConsent met à jour avec le choix du visiteur.Microsoft UET, Microsoft Clarity
Tags de votre boutique ShopifyL'application UniConsent pour Shopify transmet le choix du visiteur à Shopify.Shopify
Autres tags d'analyse, de chat et de marketingUnicScript avec la catégorie correspondante (voir ci-dessous).UnicScript
Vidéos YouTube, cartes et contenus de réseaux sociaux intégrésBlocs d'espace réservé UnicScript, qui affichent un message jusqu'à ce que le visiteur autorise le contenu.UnicScript
Tags que vous ne pouvez pas modifierLe Tags Loader de votre tableau de bord.Tags Loader

Pour les autres tags du code de votre page, remplacez le type du tag par text/unicscript et ajoutez la catégorie de l'étape 1 :

<!-- Performance / Analytics, for example Hotjar -->
<script type="text/unicscript" unic-e-purpose-id="2">
  // your analytics tag code
</script>

<!-- Functionality, for example a live chat widget -->
<script type="text/unicscript" unic-e-purpose-id="3">
  // your chat widget code
</script>

<!-- Targeting / Advertising, for example LinkedIn or Pinterest -->
<script type="text/unicscript" unic-e-purpose-id="4">
  // your advertising tag code
</script>

Ne retenez pas les scripts nécessaires à la commande, au paiement, à la connexion ou au panier : ils sont strictement nécessaires et doivent toujours se charger. Pour les tags Google Tag Manager qui ne lisent pas Consent Mode, consultez Intégration des tags JavaScript tiers.

Avec Google Tag Manager

Si vos tags sont dans Google Tag Manager, configurez-les avec les signaux de consentement envoyés par UniConsent :

  1. Ajoutez le tag CMP UniConsent depuis la galerie de modèles de la communauté, saisissez votre identifiant de licence et utilisez le déclencheur Consent Initialization - All Pages. Dans les Consent Mode Default Consent Settings du tag, réglez chaque type de consentement sur refusé pour l'Europe, ou pour toutes les régions. Consultez Consent Mode pour Google Tag Manager.
  2. Dans Administration > Paramètres du conteneur, activez Activer la vue d'ensemble du consentement.
  3. Les tags Google (Google Analytics 4, Google Ads, Floodlight, Linker de conversion) lisent eux-mêmes Consent Mode : gardez leurs déclencheurs habituels, par exemple All Pages.
  4. Les autres tags (Meta Pixel, TikTok Pixel, LinkedIn, Hotjar, widgets de chat) : utilisez comme déclencheur un événement personnalisé nommé unic_data, qu'UniConsent envoie avec le choix du visiteur. Dans Paramètres avancés > Paramètres de consentement du tag, choisissez Exiger un consentement supplémentaire pour déclencher le tag et ajoutez le type de consentement de sa catégorie d'après le tableau ci-dessous. Sous Options de déclenchement des tags, choisissez Une fois par page.
  5. Publiez votre conteneur, puis ouvrez l'Aperçu : l'onglet Consent affiche la valeur par défaut (refusé) et la mise à jour après le choix du visiteur.
CatégorieType de consentement à exiger
2. Performance / Analyseanalytics_storage
3. Fonctionnalitéfunctionality_storage
4. Ciblage / Publicitéad_storage

unic_data est envoyé au chargement de la page puis après chaque choix, toujours après la mise à jour de Consent Mode. Un tag configuré ainsi se déclenche dès que son consentement est accordé, et une seule fois par page. Pour des conditions sur les catégories, consultez Intégration des tags JavaScript tiers.

Étape 5 : Ajouter le lien vers les paramètres de confidentialité

Les visiteurs doivent pouvoir modifier leur choix à tout moment. Ajoutez un lien vers les paramètres de confidentialité, par exemple dans votre pied de page :

<a href="#" onclick='__unicapi("openunic");return false;'>Privacy Settings</a>

Consultez Installer les tags UniConsent pour le web.

Pour conserver une trace du choix de chaque visiteur, par exemple pour répondre à une demande relative aux données personnelles, activez la journalisation du consentement.

Étape 6 : Tester chaque région

Ouvrez votre site avec un emplacement de test, puis recommencez avec US, USCA (Californie) et vos autres régions :

https://www.example.com/?uniconsent_test=1&uniconsent_reset=1&uniconsent_geo=EU

Consultez Outils de test et de débogage d'UniConsent.

Étape 7 : Vérifier que les tags et les cookies sont contrôlés

Vérifiez que vos tags et vos cookies suivent le choix du visiteur. Utilisez une fenêtre de navigation privée pour chaque vérification, afin que les choix et cookies précédents ne soient pas conservés.

Saisissez l'adresse de votre site dans le Consent Mode Checker gratuit. Il confirme qu'UniConsent est détecté sur votre site et que vos tags Google reçoivent le consentement du visiteur. Consultez Utiliser le Consent Mode Checker.

Vérification en Europe

  1. Ouvrez votre site avec l'emplacement de test EU, sans cliquer sur la bannière pour l'instant.
  2. Cliquez sur l'icône à gauche de la barre d'adresse et ouvrez la liste des cookies du site. Avant un choix, seuls les cookies strictement nécessaires sont présents : aucun cookie Google Analytics (_ga), Google Ads (_gcl_au), Meta (_fbp), TikTok (_ttp) ou Hotjar (_hjSessionUser).
  3. Acceptez tout. Les cookies de vos tags d'analyse et de publicité apparaissent maintenant dans la liste.
  4. Dans une nouvelle fenêtre privée, ouvrez la même adresse et refusez tout. Les cookies d'analyse et de publicité restent absents. Ajoutez un produit au panier, connectez-vous et allez jusqu'à la commande : tout fonctionne toujours.
  5. Rechargez la page. La bannière ne réapparaît pas et les cookies suivent toujours votre choix.
  6. Ouvrez votre lien vers les paramètres de confidentialité, autorisez uniquement Performance / Analyse et vérifiez que seuls les cookies d'analyse apparaissent.

Vérification aux États-Unis

  1. Ouvrez votre site avec l'emplacement de test USCA (Californie). Les tags se chargent immédiatement.
  2. Ouvrez la bannière ou votre lien vers les paramètres de confidentialité, désactivez Ciblage ou Publicité et enregistrez. Les tags publicitaires s'arrêtent et l'analyse continue.

Vérifier votre liste de cookies

Dans votre tableau de bord, ouvrez la liste des cookies de votre projet. Le scanner de cookies liste une fois par jour les cookies qu'il trouve sur votre site. Vérifiez que chaque cookie a la bonne catégorie et qu'aucun cookie de suivi n'est classé comme strictement nécessaire. Consultez Gérer la liste des cookies.

Pour votre développeur

Votre développeur peut confirmer les signaux dans les outils de développement du navigateur :

  • Dans Réseau, avant un choix en Europe, aucune requête n'est envoyée aux pixels publicitaires comme facebook.com/tr ou analytics.tiktok.com. Avec le mode de consentement avancé, les requêtes Google Analytics (/g/collect) portent gcs=G100 (stockage refusé) jusqu'à ce que le visiteur accepte, puis gcs=G111.
  • Dans la Console, cette commande affiche le choix actuel : UNIC_EP_1 à UNIC_EP_4 sont les quatre catégories.
unicUpdate(console.log)

Si un tag dépose encore des cookies ou envoie des requêtes avant le consentement, il se charge hors du contrôle d'UniConsent. Retrouvez-le dans le code de votre page, dans Google Tag Manager ou dans un plugin, et intégrez-le comme à l'étape 4.

Erreurs courantes

  • Installer la CMP sans intégrer vos tags. La bannière s'affiche, mais les tags non intégrés se chargent toujours et déposent des cookies avant le consentement. Intégrez chaque tag comme à l'étape 4 et vérifiez-le avec l'étape 7.
  • Ne pas vérifier les rapports de vos fournisseurs après la configuration. Quelques jours après la mise en ligne, ouvrez les rapports de vos tags, par exemple Google Analytics, les conversions Google Ads et Meta Events Manager, et comparez-les aux jours précédents. Une baisse proportionnelle à la part des visiteurs qui refusent est normale. Une baisse bien plus forte, ou des données qui s'arrêtent, signifie généralement qu'un tag est bloqué complètement ou ne reçoit pas le signal de consentement. Les Insights de votre projet dans le tableau de bord indiquent combien de visiteurs acceptent.

Vous avez encore des questions ?

Contactez-nous : support@uniconsent.com