Categoría: RGPD

Una forma de evitar la carga de cookies de vídeos de Youtube es insertándolos con el código «-nocookie», pero para ello necesitamos insertarlo como iframe.

Insertar un vídeo de Youtube en la web

El proceso es muy simple. Se copia el iframe a incrustar que nos da Youtube y se inserta en la web.
El código será algo parecido a esto:

<iframe width=»100%» height=»315″ src=»https://www.youtube.com/embed/a9FbZSfZiQM» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen></iframe>

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

Cookies que carga Youtube

Sólo por poner un vídeo en la web, se cargarán las siguientes cookies, (año 2020):

La ley Europea obliga a no cargar ninguna cookie sin consentimiento previo del usuario, por lo que no podemos dejarlo así.

¿Cómo evitar las cookies de Youtube?

El truco es muy simple, y se trata de añadir -nocookie al enlace de youtube.

Quedará algo así:

<iframe width=»100%» height=»315″ src=»https://www.youtube-nocookie.com/embed/a9FbZSfZiQM» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen></iframe>

Sólo con esto evitamos la carga de las cookies de Youtube.

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/