Bezpłatna zgoda na pliki cookie

Jak wdrożyć zgodę na pliki cookie.

Wystarczy 5 prostych kroków, aby wdrożyć nasz bezpłatny baner informujący o zgodzie na pliki cookie.

Zrzuty ekranu dotyczące zgody na pliki cookie.

Oto jak wygląda baner powiadomienia o zgodzie na pliki cookie.

Jak oznaczać skrypty JavaScript.

Instrukcje

1. Oznacz dowolny skrypt JavaScript <script>, którego używasz, zmieniając type="text/javascript" na type="text/plain".

2. Dodaj odpowiedni poziom zgody dla każdego oznaczonego <script>. Na przykład: data-cookie-consent="funkcjonalność".

Przykład

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

Zgoda na pliki cookie i tryb zgody Google V2.

Google Consent Mode V2 można łatwo zintegrować z Cookie Consent. Utwórz funkcję gtag z domyślnymi stanami zgody jako odmowa. Następnie załaduj skrypt Google Analytics. Następnie, korzystając z funkcji wywołań zwrotnych z Cookie Consent, zaktualizuj stany zgody w oparciu o akceptację użytkownika.

Instrukcje

1. Utwórz funkcję gtag z domyślnymi stanami zgody jako odmowa.

   <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. Załaduj Google Analytics na swojej stronie bez oznaczania jej do określonej kategorii. Google Analytics odpowiednio dostosuje swoje zachowanie w celu zachowania pomiarów analitycznych.

   <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. Zaktualizuj kod konfiguracyjny Cookie Consent, aby zawierał nowy parametr o nazwie callbacks, który aktualizuje stany zgody na podstawie zgody użytkownika.

   "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
   

Przykład

Zgoda na pliki cookie i zgoda Microsoft UET.

Tryb zgody Microsoft UET można łatwo zintegrować ze zgodą na pliki cookie. Załaduj skrypt Microsoft UET. Utwórz funkcję uetq z domyślnymi stanami zgody jako odmowa. Korzystając z funkcji wywołań zwrotnych z Cookie Consent, zaktualizuj stany zgody w oparciu o akceptację użytkownika.

Instrukcje

1. Załaduj skrypt 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. Załaduj domyślny stan zgody jako odrzucony.

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

3. Zaktualizuj kod konfiguracyjny Cookie Consent, aby zawierał nowy parametr o nazwie callbacks, który aktualizuje stany zgody na podstawie zgody użytkownika.

   "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
   

Przykład

Poziomy i kategorie zgody na pliki cookie.

W naszym bezpłatnym rozwiązaniu Cookie Consent dostępne są następujące poziomy.

Samouczki wideo dotyczące zgody na pliki cookie.

Dowiedz się, jak zintegrować i korzystać z narzędzia Cookie Consent, korzystając z naszych samouczków wideo.

Często zadawane pytania.

Odpowiedzi na najczęściej zadawane pytania dotyczące narzędzia Cookie Consent.