Kostenlose Cookie-Zustimmung

Wie Sie die Cookie-Zustimmung umsetzen.

In nur 5 einfachen Schritten können Sie unser kostenloses Banner für die Cookie-Zustimmung einrichten.

Bildschirmfotos der Cookie-Zustimmung.

So sieht das Banner mit dem Cookie-Zustimmungshinweis aus.

Wie Sie Ihre JavaScript-Skripte kennzeichnen.

Anweisungen

1. Markieren Sie alle JavaScript <script>, die Sie verwenden, indem Sie type="text/javascript" in type="text/plain" ändern.

2. Fügen Sie die entsprechende Einwilligungsstufe für jedes markierte <script> hinzu. Zum Beispiel: data-cookie-consent="Funktionalität".

Beispiel

<!-- 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-Zustimmung & Google-Zustimmungsmodus V2.

Google Consent Mode V2 kann leicht mit Cookie Consent integriert werden. Erstellen Sie die gtag-Funktion mit den Standard-Einwilligungsstatus als verweigert. Laden Sie dann das Google Analytics-Skript. Und dann aktualisieren Sie mithilfe der Callbacks-Funktion von Cookie Consent die Zustimmungsstatus auf der Grundlage der Nutzerakzeptanz.

Anweisungen

1. Erstellen Sie die Funktion gtag mit den Standard-Zustimmungen als verweigert.

   <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. Laden Sie Google Analytics auf Ihrer Seite, ohne sie einer bestimmten Kategorie zuzuordnen. Google Analytics passt sein Verhalten entsprechend an, um die Analysemessung beizubehalten.

   <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. Aktualisieren Sie Ihren Konfigurationscode für die Cookie-Zustimmung, um einen neuen Parameter namens callbacks einzufügen, der den Zustimmungsstatus auf der Grundlage der Benutzerzustimmung aktualisiert.

   "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
   

Beispiel

Cookie-Zustimmung und Microsoft UET-Zustimmung.

Der Microsoft UET-Zustimmungsmodus kann leicht in die Cookie-Zustimmung integriert werden. Laden Sie das Microsoft UET-Skript. Erstellen Sie die Funktion uetq mit den standardmäßigen Zustimmungsstatus als verweigert. Aktualisieren Sie die Zustimmungsstatus mit Hilfe der Callbacks von Cookie Consent auf der Grundlage der Zustimmung des Benutzers.

Anweisungen

1. Laden Sie das Microsoft UET-Skript.

   <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. Laden Sie den Standard-Zustimmungsstatus als verweigert.

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

3. Aktualisieren Sie Ihren Konfigurationscode für die Cookie-Zustimmung, um einen neuen Parameter namens callbacks einzufügen, der den Zustimmungsstatus auf der Grundlage der Benutzerzustimmung aktualisiert.

   "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
   

Beispiel

Cookie-Zustimmungsstufen und -kategorien.

Die folgenden Stufen sind in unserer kostenlosen Cookie-Zustimmungslösung verfügbar.

Videoanleitungen zur Einwilligung in Cookies.

In unseren Video-Tutorials erfahren Sie, wie Sie das Cookie Consent Tool integrieren und verwenden können.

Häufig gestellte Fragen.

Antworten auf die häufigsten Fragen zum Cookie Consent Tool.