Consentement libre à l'utilisation de cookies

Comment mettre en œuvre le consentement aux cookies.

Il suffit de 5 étapes faciles pour mettre en place notre bannière gratuite de consentement aux cookies.

Captures d'écran du consentement aux cookies.

Voici à quoi ressemble la bannière de notification du consentement à l'utilisation de cookies.

Comment baliser vos scripts JavaScript.

Instructions

1. Marquez tout JavaScript <script> que vous utilisez en remplaçant type="text/javascript" par type="text/plain".

2. Ajoutez le niveau de consentement correspondant pour chaque <script> balisé. Par exemple : data-cookie-consent="functionality".

Exemple

<!-- Login Cookies -->
<script type="text/plain" data-cookie-consent="strictly-necessary" src="/js/login-session.js"></script>
                                            

<!-- Google Analytics -->
<script type="text/plain" data-cookie-consent="tracking">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', GOOGLE_PROPERTY_ID_GOES_HERE, 'auto');
ga('send', 'pageview');
</script>
                                            

Consentement à l'utilisation de cookies et mode de consentement de Google V2.

Google Consent Mode V2 peut être facilement intégré avec Cookie Consent. Créez la fonction gtag avec les états de consentement par défaut comme refusés. Chargez ensuite le script Google Analytics. Puis, en utilisant la fonctionnalité de rappel de Cookie Consent, mettez à jour les états de consentement en fonction de l'acceptation de l'utilisateur.

Instructions

1. Créez la fonction gtag avec les états de consentement par défaut comme refusés.

   <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){
   	dataLayer.push(arguments);
   }
   gtag('consent', 'default', {
   	'ad_storage': 'denied',
   	'ad_user_data': 'denied',
   	'ad_personalization': 'denied',
   	'analytics_storage': 'denied'
   });
   </script>

2. Chargez Google Analytics sur votre page sans la rattacher à une catégorie spécifique. Google Analytics adaptera son comportement en conséquence afin de préserver les mesures d'analyse.

   <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
   <script>
   	window.dataLayer = window.dataLayer || [];
   	function gtag(){dataLayer.push(arguments);}
   
   	gtag('js', new Date());
   	gtag('config', 'TAG_ID');
   </script>

3. Mettez à jour le code de configuration de votre Cookie Consent pour inclure un nouveau paramètre appelé callbacks qui met à jour les états de consentement en fonction du consentement de l'utilisateur.

   "callbacks": {
   	"scripts_specific_loaded": (level) => {
   		switch(level) {
   			case 'targeting':
   				gtag('consent', 'update', {
   					'ad_storage': 'granted',
   					'ad_user_data': 'granted',
   					'ad_personalization': 'granted',
   					'analytics_storage': 'granted'
   				});
   				break;
   		}
   	}
   },
   "callbacks_force": true
   

Exemple

Consentement à l'utilisation de cookies et consentement à l'utilisation de Microsoft UET.

Le mode de consentement Microsoft UET peut être facilement intégré au mode de consentement par cookie. Chargez le script Microsoft UET. Créez la fonction uetq avec les états de consentement par défaut comme refusés. À l'aide de la fonctionnalité de rappel de Cookie Consent, mettez à jour les états de consentement en fonction de l'acceptation de l'utilisateur.

Instructions

1. Charger le script Microsoft UET.

   <script>
   (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"TAG_ID", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
   </script>

2. Charger l'état de consentement par défaut comme refusé.

   <script>
   window.uetq = window.uetq || [];
   window.uetq.push('consent', 'default', {
       'ad_storage': 'denied'
   });
   </script>

3. Mettez à jour le code de configuration de votre Cookie Consent pour inclure un nouveau paramètre appelé callbacks qui met à jour les états de consentement en fonction du consentement de l'utilisateur.

   "callbacks": {
   	"scripts_specific_loaded": (level) => {
   		switch(level) {
   			case 'targeting':
   				window.uetq = window.uetq || [];
   				window.uetq.push('consent', 'update', {
   						'ad_storage': 'granted'
   				});
   				break;
   		}
   	}
   },
   "callbacks_force": true
   

Exemple

Niveaux et catégories de consentement aux cookies.

Les niveaux suivants sont disponibles dans notre solution gratuite de consentement aux cookies.

Tutoriels vidéo sur le consentement aux cookies.

Apprenez à intégrer et à utiliser l'outil de consentement aux cookies grâce à nos tutoriels vidéo.

Questions fréquemment posées.

Réponses aux questions les plus courantes sur l'outil de consentement aux cookies.