Consentimiento gratuito de cookies

Cómo implementar el consentimiento de cookies.

Sólo 5 sencillos pasos para implementar nuestro banner gratuito de aviso de consentimiento de cookies.

Capturas de pantalla de Cookie Consent.

Este es el aspecto del banner de aviso de consentimiento de cookies.

Cómo etiquetar sus scripts JavaScript.

Instrucciones

1. Etiqueta cualquier <script> JavaScript que estés utilizando cambiando type="text/javascript" por type="text/plain".

2. Añada el nivel de consentimiento correspondiente para cada <script> etiquetado. Por ejemplo: data-cookie-consent="funcionalidad".

Ejemplo

<!-- 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 puede integrarse fácilmente con Cookie Consent. Cree la función gtag con los estados de consentimiento predeterminados como denegados. A continuación, cargue el script de Google Analytics. Y luego, usando la funcionalidad de callbacks de Cookie Consent, actualiza los estados de consentimiento basados en la aceptación del usuario.

Instrucciones

1. Cree la función gtag con los estados de consentimiento predeterminados como denegados.

   <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. Cargue Google Analytics en su página sin etiquetarla en una categoría específica. Google Analytics ajustará su comportamiento en consecuencia para preservar la medición 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. Actualiza tu código de configuración de Cookie Consent para incluir un nuevo parámetro llamado callbacks que actualiza los estados de consentimiento basados en el consentimiento del usuario.

   "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
   

Ejemplo

Consentimiento de cookies y consentimiento de Microsoft UET.

El Modo de Consentimiento de Microsoft UET puede integrarse fácilmente con el Consentimiento de Cookies. Cargue el script de Microsoft UET. Cree la función uetq con los estados de consentimiento predeterminados como denegados. Usando la funcionalidad de callbacks de Cookie Consent, actualice los estados de consentimiento basados en la aceptación del usuario.

Instrucciones

1. Cargue el script UET de Microsoft.

   <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. Carga el estado de consentimiento por defecto como denegado.

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

3. Actualiza tu código de configuración de Cookie Consent para incluir un nuevo parámetro llamado callbacks que actualiza los estados de consentimiento basados en el consentimiento del usuario.

   "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
   

Ejemplo

Cookie Niveles y categorías de consentimiento.

Los siguientes niveles están disponibles en nuestra solución gratuita Cookie Consent.

Tutoriales en vídeo sobre el consentimiento para el uso de cookies.

Aprenda a integrar y utilizar la herramienta de consentimiento de cookies a través de nuestros tutoriales en vídeo.

Preguntas más frecuentes.

Respuestas a las preguntas más frecuentes sobre la herramienta de consentimiento de cookies.