Consenso gratuito ai cookie

Come implementare il consenso per i cookie.

Bastano 5 semplici passaggi per implementare il nostro banner gratuito per l'informativa sul consenso ai cookie.

Schermate sul consenso ai cookie.

Ecco come appare il banner dell'avviso di consenso ai cookie.

Come etichettare gli script JavaScript.

Istruzioni

1. Taggare qualsiasi <script> JavaScript che si sta utilizzando cambiando type="text/javascript" in type="text/plain".

2. Aggiungete il livello di consenso corrispondente per ogni tag <script>. Ad esempio: data-cookie-consent="functionality".

Esempio

<!-- 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>
                                            

Modalità consenso cookie e consenso Google V2.

Google Consent Mode V2 può essere facilmente integrato con Cookie Consent. Creare la funzione gtag con gli stati di consenso predefiniti come negati. Quindi, caricare lo script di Google Analytics. Quindi, utilizzando la funzionalità callback di Cookie Consent, aggiornare gli stati di consenso in base all'accettazione dell'utente.

Istruzioni

1. Creare la funzione gtag con gli stati di consenso predefiniti come negati.

   <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. Caricate Google Analytics sulla vostra pagina senza etichettarla con una categoria specifica. Google Analytics modificherà il suo comportamento di conseguenza, al fine di preservare la misurazione analitica.

   <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. Aggiornare il codice di configurazione dei cookie per includere un nuovo parametro chiamato callbacks che aggiorna gli stati di consenso in base al consenso dell'utente.

   "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
   

Esempio

Consenso per i cookie e consenso Microsoft UET.

La modalità di consenso di Microsoft UET può essere facilmente integrata con il consenso dei cookie. Caricare lo script Microsoft UET. Creare la funzione uetq con gli stati di consenso predefiniti come negati. Utilizzando la funzionalità di callback di Cookie Consent, aggiornare gli stati di consenso in base all'accettazione dell'utente.

Istruzioni

1. Caricare lo 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. Carica lo stato di consenso predefinito come negato.

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

3. Aggiornare il codice di configurazione dei cookie per includere un nuovo parametro chiamato callbacks che aggiorna gli stati di consenso in base al consenso dell'utente.

   "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
   

Esempio

Livelli e categorie di consenso dei cookie.

I seguenti livelli sono disponibili nella nostra soluzione gratuita per il consenso ai cookie.

Esercitazioni video sul consenso ai cookie.

Scoprite come integrare e utilizzare lo strumento di consenso ai cookie attraverso i nostri video tutorial.

Domande frequenti.

Risposte alle domande più comuni sullo strumento di consenso ai cookie.