Sencillo código CSS para centrar verticalmente el contenido de una columna.
Recordar la opción
display: flex;
flex-direction: column;
justify-content: center;
Sencillo código CSS para centrar verticalmente el contenido de una columna.
Recordar la opción
display: flex;
flex-direction: column;
justify-content: center;
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.
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>
Sólo por poner un vídeo en la web, se cargarán las siguientes cookies, (año 2020):
Cookie | Description | Duration | Type |
---|---|---|---|
VISITOR_INFO1_LIVE | This cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website. | 1years 19days 19hours 28minutes | Advertisement |
YSC | This cookies is set by Youtube and is used to track the views of embedded videos. | Performance | |
GPS | This cookie is set by Youtube and registers a unique ID for tracking users based on their geographical location | 1years 19days 15hours 9minutes | Analytics |
test_cookie | This cookie is set by doubleclick.net. The purpose of the cookie is to determine if the users’ browser supports cookies. | 1years 19days 15hours 9minutes | Advertisement |
IDE | Used 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 31minutes | Advertisement |
La ley Europea obliga a no cargar ninguna cookie sin consentimiento previo del usuario, por lo que no podemos dejarlo así.
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.
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.
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>
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>
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/