Gratis samtycke till cookies

Hur man implementerar samtycke till cookies.

Bara 5 enkla steg för att implementera vår kostnadsfria banner för cookiemedgivande.

Skärmbilder av cookie-samtycke.

Så här ser banderollen för cookiemedgivande ut.

Så här taggar du dina JavaScript-skript.

Instruktioner

1. Tagga eventuell JavaScript <script> som du använder genom att ändra type="text/javascript" till type="text/plain".

2. Lägg till motsvarande samtyckesnivå för varje taggad <script>. Till exempel data-cookie-consent="funktionalitet".

Exempel

<!-- 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 Consent & Google Consent Mode V2.

Google Consent Mode V2 kan enkelt integreras med Cookie Consent. Skapa funktionen gtag med standardtillstånden för samtycke som nekade. Ladda sedan Google Analytics-skriptet. Och sedan, med hjälp av callbacks-funktionaliteten från Cookie Consent, uppdaterar du samtyckestillstånden baserat på användarens acceptans.

Instruktioner

1. Skapa funktionen gtag med standardtillstånden för samtycke som nekade.

   <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. Ladda Google Analytics på din sida utan att tagga den till en specifik kategori. Google Analytics kommer att justera sitt beteende i enlighet med detta för att bevara analysmätningen.

   <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. Uppdatera konfigurationskoden för Cookie Consent så att den innehåller en ny parameter som heter callbacks som uppdaterar samtyckesstatusarna baserat på användarens samtycke.

   "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
   

Exempel

Samtycke till cookies och samtycke till Microsoft UET.

Microsoft UET Consent Mode kan enkelt integreras med Cookie Consent. Ladda Microsoft UET-skriptet. Skapa funktionen uetq med standardtillstånden för samtycke som nekade. Använd callbacks-funktionaliteten från Cookie Consent för att uppdatera samtyckestillstånden baserat på användarens acceptans.

Instruktioner

1. Ladda Microsoft UET-skriptet.

   <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. Ladda standardtillståndet för samtycke som nekat.

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

3. Uppdatera konfigurationskoden för Cookie Consent så att den innehåller en ny parameter som heter callbacks som uppdaterar samtyckesstatusarna baserat på användarens samtycke.

   "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
   

Exempel

Cookie Samtyckesnivåer och kategorier.

Följande nivåer finns tillgängliga i vår kostnadsfria lösning Cookie Consent.

Cookie samtycke video tutorials.

Lär dig hur du integrerar och använder verktyget Cookie Consent med hjälp av våra videohandledningar.

Vanliga frågor och svar.

Svar på de vanligaste frågorna om verktyget Cookie Consent.