Compliant with GDPR, CCPA, COPPA, LGPD, PECR, PDPA, PIPEDA, and more.
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.
Choisissez Catégories de consentement. Les visiteurs choisissent parmi quatre catégories, et Google Consent Mode suit leur choix :
| Catégorie | Ce qu'elle couvre | Exemples |
|---|---|---|
| 1. Strictement nécessaires | Les cookies sans lesquels votre site ne fonctionne pas. Toujours actifs. | Panier, commande, paiement, connexion, sécurité |
| 2. Performance / Analyse | Mesurer l'utilisation de votre site par les visiteurs | Google Analytics 4, Hotjar, Microsoft Clarity |
| 3. Fonctionnalité | Fonctionnalités et personnalisation | Chat en direct, préférences enregistrées, vidéos et cartes intégrées |
| 4. Ciblage / Publicité | Publicité, reciblage et suivi des conversions | Google 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.
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.
| Région | Ce que voient les visiteurs | Ce qu'il advient de vos tags |
|---|---|---|
| Europe | La bannière de catégories de consentement | Les 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électionnez | Les 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ère | La bannière de catégories de consentement | Les tags se chargent et les visiteurs peuvent désactiver des catégories. |
| Partout ailleurs | Pas de bannière | Les 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é.
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.
| Tag | Comment | Guide |
|---|---|---|
| Google Analytics 4, conversions et remarketing Google Ads | Google 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 Pixel | Retenez le pixel avec fbq('consent', 'revoke') et ajoutez le tag de consentement Meta Pixel d'UniConsent. | Meta Pixel |
| TikTok Pixel | Retenez le pixel avec ttq.holdConsent() et ajoutez le tag de consentement TikTok Pixel d'UniConsent. | TikTok Pixel |
| Microsoft Advertising (UET), Microsoft Clarity | Microsoft Consent Mode, qu'UniConsent met à jour avec le choix du visiteur. | Microsoft UET, Microsoft Clarity |
| Tags de votre boutique Shopify | L'application UniConsent pour Shopify transmet le choix du visiteur à Shopify. | Shopify |
| Autres tags d'analyse, de chat et de marketing | UnicScript avec la catégorie correspondante (voir ci-dessous). | UnicScript |
| Vidéos YouTube, cartes et contenus de réseaux sociaux intégrés | Blocs d'espace réservé UnicScript, qui affichent un message jusqu'à ce que le visiteur autorise le contenu. | UnicScript |
| Tags que vous ne pouvez pas modifier | Le 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.
Si vos tags sont dans Google Tag Manager, configurez-les avec les signaux de consentement envoyés par UniConsent :
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.All Pages.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.| Catégorie | Type de consentement à exiger |
|---|---|
| 2. Performance / Analyse | analytics_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.
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.
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.
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.
_ga), Google Ads (_gcl_au), Meta (_fbp), TikTok (_ttp) ou Hotjar (_hjSessionUser).USCA (Californie). Les tags se chargent immédiatement.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.
Votre développeur peut confirmer les signaux dans les outils de développement du navigateur :
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.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.
Contactez-nous : support@uniconsent.com