Para instalar correctamente Cookiebot CMP en tu web y marcar manualmente los scripts de establecimiento de cookies sigue los 4 pasos expuestos a continuación. Por favor, ten en cuenta que puedes utilizar la función de nuestro bloqueo automático de cookies en lugar de la manual siguiendo nuestra guía de tres pasos.
Paso 1 – Crea una cuenta de Cookiebot CMP y añade tu dominio
Regístrate para crear una cuenta de Cookiebot CMP. Entra en tu cuenta y añade el nombre/s del dominio de tu web. Guarda. Ahora, se procederá al escaneo de la web (por favor espera hasta 24 horas para que se complete la acción).
Paso 2 – Elige el banner de consentimiento de cookies que quieres mostrar en tu web
Ve a “Ajustes” y “Cuadro de diálogo” y elige tu banner de consentimiento cookies. El banner por defecto se configura con los ajustes más estrictos posibles (apto para el consentimiento de cookies, de acuerdo con el RGPD y la ePR).
Bajo “Ajustes” y “Contenido”, edita el texto predeterminado del banner para que se adapte a tu web y a los requisitos legales.
Paso 3 – Inserta 2 scripts en tu web para hacer que aparezca el banner de consentimiento y la Declaración de Cookies
Ve a “Ajustes” y “Tus scripts”.
1. Banner de consentimiento de cookies: Copia el script superior e insértalo en la cabecera de la plantilla de tu web.
Ejemplo:
<html>
<head>
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="00000000-0000-0000-0000-000000000000" type="text/javascript" async></script>
</head>
<body>
...
</body>
</html>
2. Declaración de cookies: Copia el segundo script e insértalo en el HTML de la página específica y en la posición exacta donde quieres que aparezca la Declaración de cookies. Puede ser en una página separada o dentro de la política de privacidad existente.
La declaración de cookies estándar enumera todas las cookies y rastreadores descubiertos en tu web y permite al usuario retirar (o cambiar) el consentimiento en cualquier momento – como se requiere por el RGPD, entre otros.
Ejemplo:
<html>
...
<body>
<h1>Cookie Declaration</h1>
<script id="CookieDeclaration" src="https://consent.cookiebot.com/00000000-0000-0000-0000-000000000000/cd.js" type="text/javascript" async></script>
</body>
</html>
Paso 4 – Marca las etiquetas de script de establecimiento de cookies en tu web para controlar cookies
Cuando el escaneo de la web esté completo, revisa el informe del mismo. Si hay alguna cookie sin clasificar, entra en tu cuenta y, bajo el epígrafe “Cookies”, asegúrate de clasificarlas y añadir una descripción corta de su propósito.
Así, se deben marcar todas las cookies de “preferencias” “estadísticas” y “marketing” junto con los rastreadores para el consentimiento previo. Esto nos asegura que hasta que el usuario no haya otorgado el consentimiento, no se establecerá ninguna cookie, que no sean las estrictamente necesarias. Sólo esas categorías de cookies a las que el usuario haya consentido serán activadas bajo consentimiento – el resto de cookies serán paralizadas automáticamente.
La información sobre dónde se encuentra un script de establecimiento de cookies dentro del código fuente se enumera en el informe de escaneo (cuando esto sea posible). Para habilitar el consentimiento previo, aplica el atributo “data-cookieconsent” a las etiquetas de script de establecimiento de cookies en tu web. Establece el valor separado por comas a una o más de las categorías de cookies “preferences” “statistics” y “marketing”, de acuerdo con los tipos de cookies que se han establecido por cada script. Por último, cambia el atributo “type” del “text/javascript” por “text/plain”.
Ejemplo de una modificación de una etiqueta de script de Google Analytics Universal ya existente:
<script type="text/plain" data-cookieconsent="statistics">
(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', 'UA-00000000-0', 'auto');
ga('send', 'pageview');
</script>
Ejemplo de una modificación de un archivo de JavaScript ya existente clasificado en el informe de escaneo como una cookie de marketing:
<script type="text/plain" data-cookieconsent="marketing" src="//widget.manychat.com/1234567891011.js"></script>
Si tu web carga scripts de manera dinámica, utiliza las funciones de JavaScript SDK para un control total.
Recursos adicionales
- Puedes utilizar nuestra función de bloqueo automático de cookies en lugar de marcar los scripts de establecimiento de cookies. Sigue nuestra guía.
- También puedes utilizar nuestro JavaScript SDK para personalizar Cookiebot CMP, por ejemplo, para crear maneras alternativas de retirada o cambio del consentimiento por parte del usuario.
- Visita la sección de preguntas más frecuentes sobre cómo el requisito para obtener el consentimiento del usuario repercute en los datos estadísticos y nuestro centro de asistencia (en inglés).