Categorías
Cookies

Como bloquear Cookies con Cookiebot

Cookiebot permite escanear de forma automática las cookies de se utilizan en la web, el proceso de instalación es muy simple, pero con algunas cookies en necesario cambiar unos pequeños datos.

iframe de Youtube.

La carga de vídeos de youtube implica el uso de cookies que hemos de bloquear obligatoriamente y dar la opción al usuario de desbloquearlas.

Por defecto puede ser que Cookiebot no bloquee completamente todas las cookies.

Para poder comprobarlo solo hay que hacer lo siguiente.

  • Pulsar F12, o botón derecho del ratón>Inspeccionar
  • dentro de Application>Cookies, podemos ver todas las cookies que carga la web.

Solución

Debemos cambiar el código del iframe e informar el tipo de cookie que es «análisis / marketing».

Iframe original:

<iframe width="560" height="315" src="https://www.youtube.com/embed/LeNHEzBO_IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

iframe modificado:

<iframe width="1080" height="608" data-src="https://www.youtube.com/embed/LeNHEzBO_IA" data-cookieconsent="marketing" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Fijarse en que se cambia «src» por «data-src», y añadir el tipo de cookie con «data-cookieconsent=»marketing»

Al bloquear las cookies el vídeo no se cargará ni se mostrará, por lo que será buena idea indicar al usuario que se puede cambiar el consentimiento de cookies para que se pueda mostrar el vídeo, para ello:

<div class="cookieconsent-optout-marketing">
  Por favor <a href="javascript:Cookiebot.renew()">apruebe las cookies de marketing</a> para poder ver el vídeo.
</div>
<iframe width="1080" height="608" data-src="https://www.youtube.com/embed/LeNHEzBO_IA" data-cookieconsent="marketing" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Scripts

Si lo que da problemas es un script, esto es lo que hay que cambiar:

Para habilitar el consentimiento previo, hay que aplicar el atributo «data-cookieconsent» a las etiquetas de los scripts. Establecer el valor separado por comas de las categorías de cookies «preferencias», «estadísticas» y «marketing» de acuerdo con los tipos de cookies que establezca el script, (elegir una o varias). Por último, cambiare el valor del atributo «type» de «text/javascript» a «text/plain».

Ejemplo:

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

Herramietas

Para conocer si una web cumple o no con la Ley de Cookies Europea visitar: https://www.cookiemetrix.com/

Para conocer todas las cookies que cargar una web: https://www.cookieserve.com/