Gratis cookie toestemming

Hoe Cookie Toestemming implementeren.

In slechts 5 eenvoudige stappen kunt u onze gratis banner met cookietoestemming implementeren.

Schermafbeeldingen Cookie Toestemming.

Zo ziet de banner met de toestemming voor het gebruik van cookies eruit.

Hoe je JavaScript-scripts labelen.

Instructies

1. Label JavaScript <script> die je gebruikt door type="text/javascript" te veranderen in type="text/plain".

2. Voeg het bijbehorende toestemmingsniveau toe voor elke getagde <script>. Bijvoorbeeld: data-cookie-consent="functionality".

Voorbeeld

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

Cookie Toestemming & Google Toestemmingsmodus V2.

Google Consent Mode V2 kan eenvoudig worden geïntegreerd met Cookie Consent. Maak de gtag-functie met de standaard toestemmingsstatussen als geweigerd. Laad vervolgens het Google Analytics-script. En dan, met behulp van de callbacks functionaliteit van Cookie Consent, werk je de toestemmingsstatussen bij op basis van gebruikersacceptatie.

Instructies

1. Maak de gtag-functie met de standaard toestemmingsstatussen als geweigerd.

   <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. Laad Google Analytics op uw pagina zonder deze aan een specifieke categorie te koppelen. Google Analytics zal zijn gedrag dienovereenkomstig aanpassen om de analytische meting te behouden.

   <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. Werk je Cookie Consent config code bij met een nieuwe parameter genaamd callbacks die de toestemmingsstatussen bijwerkt op basis van de toestemming van de gebruiker.

   "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
   

Voorbeeld

Cookie Toestemming & Microsoft UET Toestemming.

Microsoft UET Consent Mode kan eenvoudig worden geïntegreerd met Cookie Consent. Laad het Microsoft UET-script. Maak de uetq functie met de standaard toestemmingsstatussen als geweigerd. Werk met behulp van de callbacks functionaliteit van Cookie Consent de toestemmingsstatussen bij op basis van gebruikersacceptatie.

Instructies

1. Laad het Microsoft UET-script.

   <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. Laad de standaard toestemmingsstatus als geweigerd.

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

3. Werk je Cookie Consent config code bij met een nieuwe parameter genaamd callbacks die de toestemmingsstatussen bijwerkt op basis van de toestemming van de gebruiker.

   "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
   

Voorbeeld

Cookie Toestemmingsniveaus en -categorieën.

De volgende niveaus zijn beschikbaar in onze gratis Cookie Consent oplossing.

Video-tutorials over cookietoestemming.

Leer hoe je de Cookie Consent tool integreert en gebruikt via onze video tutorials.

Veelgestelde vragen.

Antwoorden op de meest gestelde vragen over de Cookie Consent tool.