Insertar v\u00eddeos de YouTube en nuestra web<\/h2>\n\n\n\n
El c\u00f3digo que YouTube nos ofrece para agregar un v\u00eddeo en nuestra web, es un iframe que apunta a la URL del v\u00eddeo en YouTube. Lo podemos conseguir pinchando en copiar de la opci\u00f3n de insertar en el bot\u00f3n de compartir<\/strong> de la plataforma.<\/p>\n\n\n Nos hemos copiado un c\u00f3digo como este. Solo cambiar\u00e1 la URL en funci\u00f3n del v\u00eddeo y otros atributos si mostramos o no los controles del reproductor:<\/p>\n\n\n\n Lo a\u00f1adimos en nuestra web y a funcionar.<\/p>\n\n\n\n El problema es que con esta URL, adem\u00e1s de poder visualizar el v\u00eddeo en nuestra web, nos traemos cookies de la plataforma de YouTube. Para comprobar las cookies que a\u00f1ade, he realizado una prueba local en modo inc\u00f3gnito y estos son los resultados:<\/p>\n\n\n Ahora, si no queremos que nos incluya cookies, debemos activar el modo de privacidad aumentada<\/strong> de las opciones de inserci\u00f3n y copiar.<\/p>\n\n\n De esta forma tendremos copiado el c\u00f3digo anterior, pero con una URL distinta, con la que podemos visualizar el v\u00eddeo en nuestra web sin cookies<\/strong>.<\/p>\n\n\n\n Prueba realizada de la misma forma que la anterior:<\/p>\n\n\n \u00a1Ala!, cero cookies a\u00f1adidas.<\/p>\n\n\n\n Simplemente, lo que hace este modo de privacidad es modificar la URL del c\u00f3digo<\/strong>. Ahora puedes hacer lo mismo directamente en todos tus v\u00eddeos.<\/p>\n\n\n\n C\u00f3digo con cookies (youtube.com<\/strong>):<\/strong><\/p>\n\n\n\n C\u00f3digo sin cookies (youtube-nocookie.com<\/strong>):<\/strong><\/p>\n\n\n\n Solo toca decidir si queremos cookies de YouTube o no, en funci\u00f3n de si el v\u00eddeo es propio o no. Espero os sirva de ayuda para facilitar vuestro cumplimiento RGPD y AEPD.<\/p>\n\n\n\n \u00a1Nos vemos en la pr\u00f3xima! Chaito<\/p>\n\n\n\n Si en tu web tienes muchos v\u00eddeos y te da pereza cambiar cada URL, te dejo a continuaci\u00f3n varios c\u00f3digos que lo hacen por ti, el primero en jQuery y el segundo en JavaScript.<\/p>\n\n\n\n jQuery<\/strong><\/p>\n\n\n\n JavaScript<\/strong><\/p>\n\n\n\n Sabes que puedes insertar videos de YouTube en tu web sin cookies, si no lo sabes sigue leyendo. Es superf\u00e1cil.<\/p>\n","protected":false},"author":5,"featured_media":18907,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[50],"tags":[],"class_list":["post-18885","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web"],"acf":[],"yoast_head":"\n![\"Copiar](\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/02\/compartir-video-youtube-1024x683.jpg\")
<\/figure>\n<\/div>\n\n\nV\u00eddeo de YouTube con cookies<\/h3>\n\n\n\n
<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/DYQBWsyf5dI?si=SNxHx6kDeUKZr7iu\"\n title=\"YouTube video player\" frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen><\/iframe><\/code><\/pre>\n\n\n\n![\"Inspeccionando](\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/02\/inspeccionar-video-youtube-con-cookies-1024x286.jpg\" "\\"\\"")
<\/figure>\n<\/div>\n\n\nNombre<\/th> Dominio<\/th> Duraci\u00f3n<\/th> Categor\u00eda<\/th> Descripci\u00f3n<\/th><\/tr><\/thead> VISITOR_INFO1_LIVE<\/td> .youtube.com<\/td> 6 meses<\/td> Funcional<\/td> YouTube establece esta cookie para medir el ancho de banda y determinar si el usuario recibe la nueva o la antigua interfaz del reproductor<\/td><\/tr> YSC<\/td> .youtube.com<\/td> Sesi\u00f3n<\/td> Anal\u00edtica<\/td> Youtube establece esta cookie para hacer un seguimiento de las visualizaciones de los v\u00eddeos incrustados en las p\u00e1ginas de Youtube<\/td><\/tr><\/tbody><\/table> V\u00eddeo de YouTube sin cookies<\/h3>\n\n\n\n
![\"Activar](\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/02\/modo-privacidad-youtube-1024x382.jpg\")
<\/figure>\n<\/div>\n\n\n![\"Inspeccionando](\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/02\/inspeccionar-video-youtube-sin-cookies-1024x286.jpg\")
<\/figure>\n<\/div>\n\n\nConclusiones<\/strong><\/h2>\n\n\n\n
<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/DYQBWsyf5dI?si=SNxHx6kDeUKZr7iu\"\n title=\"YouTube video player\" frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen><\/iframe><\/code><\/pre>\n\n\n\n<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie<\/strong>.com\/embed\/DYQBWsyf5dI?si=SNxHx6kDeUKZr7iu\"\n title=\"YouTube video player\" frameborder=\"0\"\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n allowfullscreen><\/iframe><\/code><\/pre>\n\n\n\nPara vaguetes<\/h3>\n\n\n\n
<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script>\n\n<script>\n $(document).ready(function () { \/\/ al cargar el documento\n \n \/\/ Obtiene el elemento iframe\n var iframe = $('iframe');\n\n \/\/ Obtiene el valor del atributo 'src'\n var valorSrc = iframe.attr('src');\n\n \/\/ Reemplaza atributo src\n var nuevoSrc = valorSrc.replace('youtube.com', 'youtube-nocookie.com');\n\n \/\/ Actualiza el atributo 'src'\n iframe.attr('src', nuevoSrc);\n });\n<\/script>\n<\/code><\/pre>\n\n\n\n<script>\n document.addEventListener('DOMContentLoaded', function () { \/\/ al cargar el documento\n\n \/\/ Obtiene el elemento iframe\n var iframe = document.querySelector('iframe');\n\n \/\/ Obtiene el valor del atributo 'src'\n var valorSrc = iframe.getAttribute('src');\n\n \/\/ Reemplaza atributo src\n var nuevoSrc = valorSrc.replace('youtube.com', 'youtube-nocookie.com');\n\n \/\/ Actualiza el atributo 'src'\n iframe.setAttribute('src', nuevoSrc);\n });\n<\/script><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"