Saltar al contenido principal

Bloquear embeds de YouTube hasta el consentimiento

Los embeds de YouTube establecen cookies de marketing/publicidad en el momento en que se carga el iframe — incluso sin reproducción automática.

Paso 1: Reemplace src con data-src​

<!-- Antes: se carga inmediatamente -->
<iframe src="https://www.youtube.com/embed/VIDEO_ID"
  width="560" height="315" frameborder="0"></iframe>

<!-- Después: bloqueado hasta el consentimiento de marketing -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0"
  allowfullscreen>
</iframe>

Paso 2: Añada un marcador de posición (opcional pero recomendado)​

Muestre a los usuarios lo que se están perdiendo y ofrézcales una forma rápida de dar su consentimiento:

<div class="video-consent-wrapper" data-consent-category="marketing">
  <iframe
    data-src="https://www.youtube.com/embed/VIDEO_ID"
    data-consent-category="marketing"
    width="560" height="315" frameborder="0">
  </iframe>
  <div class="video-placeholder">
    <p>Este vídeo requiere cookies de marketing.</p>
    <button data-cf-action="accept-category" data-cf-category="marketing">
      Aceptar y reproducir
    </button>
  </div>
</div>

Paso 3: Use el modo de privacidad mejorada de YouTube​

Incluso con consentimiento, use el dominio sin cookies para minimizar el seguimiento:

https://www.youtube-nocookie.com/embed/VIDEO_ID

Verificación​

Abra DevTools → Red antes de dar el consentimiento. No debe aparecer ninguna solicitud a youtube.com ni a youtube-nocookie.com. Después de aceptar el consentimiento de marketing, el iframe debe cargarse y debe aparecer la solicitud de red.