Pular para o conteúdo principal

Bloquear embeds do YouTube até ao consentimento

Os embeds do YouTube definem cookies de marketing/publicidade no momento em que o iframe carrega — mesmo sem reprodução automática.

Passo 1: Substituir src por data-src​

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

<!-- Depois: bloqueado até ao consentimento de marketing -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0"
  allowfullscreen>
</iframe>

Passo 2: Adicionar um placeholder (opcional mas recomendado)​

Mostre aos utilizadores o que estão a perder e dê-lhes um caminho rápido para o consentimento:

<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>This video requires marketing cookies.</p>
    <button data-cf-action="accept-category" data-cf-category="marketing">
      Accept and play
    </button>
  </div>
</div>

Passo 3: Usar o modo de privacidade avançada do YouTube​

Mesmo com consentimento, use o domínio no-cookie para minimizar o rastreamento:

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

Verificação​

Abra DevTools → Rede antes de dar consentimento. Nenhum pedido a youtube.com ou youtube-nocookie.com deve aparecer. Após aceitar o consentimento de marketing, o iframe deve carregar e o pedido de rede deve aparecer.