Consentimento gratuito de cookies

Como implementar o consentimento de cookies.

Apenas 5 passos simples para implementar o nosso banner gratuito de aviso de consentimento de cookies.

Capturas de ecrã de consentimento de cookies.

Eis o aspeto do banner do aviso de consentimento de cookies.

Como marcar os seus scripts JavaScript.

Instruções

1. Marque qualquer JavaScript <script> que esteja a utilizar, alterando type="text/javascript" para type="text/plain".

2. Adicione o nível de consentimento correspondente para cada <script> marcado. Por exemplo: data-cookie-consent="functionality".

Exemplo

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

Consentimento de cookies e modo de consentimento do Google V2.

O Google Consent Mode V2 pode ser facilmente integrado no Cookie Consent. Crie a função gtag com os estados de consentimento predefinidos como negados. Em seguida, carregue o script do Google Analytics. E depois, utilizando a funcionalidade de callbacks do Cookie Consent, actualize os estados de consentimento com base na aceitação do utilizador.

Instruções

1. Criar a função gtag com os estados de consentimento predefinidos como negados.

   <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. Carregue o Google Analytics na sua página sem a marcar com uma categoria específica. O Google Analytics ajustará o seu comportamento em conformidade, de modo a preservar a medição analítica.

   <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. Atualize seu código de configuração de consentimento de cookie para incluir um novo parâmetro chamado callbacks que atualiza os estados de consentimento com base no consentimento do usuário.

   "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
   

Exemplo

Consentimento de cookies & Consentimento Microsoft UET.

O modo de consentimento do Microsoft UET pode ser facilmente integrado com o consentimento de cookies. Carregue o script Microsoft UET. Crie a função uetq com os estados de consentimento predefinidos como negados. Utilizando a funcionalidade de callbacks do Cookie Consent, actualize os estados de consentimento com base na aceitação do utilizador.

Instruções

1. Carregar o script 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. Carrega o estado de consentimento predefinido como negado.

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

3. Atualize seu código de configuração de consentimento de cookie para incluir um novo parâmetro chamado callbacks que atualiza os estados de consentimento com base no consentimento do usuário.

   "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
   

Exemplo

Níveis e categorias de consentimento de cookies.

Os seguintes níveis estão disponíveis na nossa solução gratuita de consentimento de cookies.

Tutoriais em vídeo sobre consentimento de cookies.

Saiba como integrar e utilizar a ferramenta de consentimento de cookies através dos nossos tutoriais em vídeo.

Perguntas mais frequentes.

Respostas às perguntas mais comuns sobre a ferramenta de consentimento de cookies.