Categorías
RGPD

Centrar verticalmente el contenido de las columnas con DIVI THEME

Sencillo código CSS para centrar verticalmente el contenido de una columna.

Recordar la opción

display: flex;
flex-direction: column;
justify-content: center;
Categorías
DIVI Theme

Eliminar el menú principal del Tema DIVI

Muy fácil de realizar añadiendo el siguiente código CSS al personalizador de DIVI.

#main-header {
 display: none;
 }

#page-container {
 padding-top: 0px !important;
 }
Categorías
Cookies

Quitar las cookies en vídeos de Youtube

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

CookieDescriptionDurationType
VISITOR_INFO1_LIVEThis cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.1years 19days 19hours 28minutesAdvertisement
YSCThis cookies is set by Youtube and is used to track the views of embedded videos.Performance
GPSThis cookie is set by Youtube and registers a unique ID for tracking users based on their geographical location1years 19days 15hours 9minutesAnalytics
test_cookieThis cookie is set by doubleclick.net. The purpose of the cookie is to determine if the users’ browser supports cookies.1years 19days 15hours 9minutesAdvertisement
IDEUsed by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.1years 19days 31minutesAdvertisement

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.

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/