Gratis samtykke til cookies

Sådan implementerer du cookie-samtykke.

Kun 5 nemme trin til at implementere vores gratis banner med cookie-samtykke.

Skærmbilleder af cookie-samtykke.

Sådan ser banneret med cookie-samtykke ud.

Sådan tagger du dine JavaScript-scripts.

Instruktioner

1. Tag ethvert JavaScript <script>, som du bruger, ved at ændre type="text/javascript" til type="text/plain".

2. Tilføj det tilsvarende samtykkeniveau for hver tagget <script>. F.eks: data-cookie-consent="functionality".

Eksempel

<!-- 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-samtykke og Google-samtykke-tilstand V2.

Google Consent Mode V2 kan nemt integreres med Cookie Consent. Opret gtag-funktionen med standardsamtykketilstandene som denied. Indlæs derefter Google Analytics-scriptet. Og brug så callbacks-funktionaliteten fra Cookie Consent til at opdatere samtykketilstandene baseret på brugeraccept.

Instruktioner

1. Opret gtag-funktionen med standardsamtykketilstandene som afvist.

   <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. Indlæs Google Analytics på din side uden at tagge den til en bestemt kategori. Google Analytics vil justere sin adfærd i overensstemmelse hermed for at bevare analysemålingerne.

   <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. Opdater din cookie-samtykkekonfigurationskode for at inkludere en ny parameter kaldet callbacks, der opdaterer samtykketilstandene baseret på brugerens samtykke.

   "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
   

Eksempel

Cookie-samtykke og Microsoft UET-samtykke.

Microsoft UET Consent Mode kan nemt integreres med Cookie Consent. Indlæs Microsoft UET-scriptet. Opret uetq-funktionen med standardsamtykketilstandene som denied. Brug callbacks-funktionaliteten fra Cookie Consent til at opdatere samtykketilstandene baseret på brugeraccept.

Instruktioner

1. Indlæs Microsoft UET-scriptet.

   <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. Indlæs standardstatus for samtykke som afvist.

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

3. Opdater din cookie-samtykkekonfigurationskode for at inkludere en ny parameter kaldet callbacks, der opdaterer samtykketilstandene baseret på brugerens samtykke.

   "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
   

Eksempel

Cookie-samtykke-niveauer og -kategorier.

Følgende niveauer er tilgængelige i vores gratis cookie-samtykke-løsning.

Videovejledninger om cookie-samtykke.

Lær, hvordan du integrerer og bruger cookie-samtykkeværktøjet gennem vores videovejledninger.

Ofte stillede spørgsmål.

Svar på de mest almindelige spørgsmål om cookie-samtykkeværktøjet.