Ga naar hoofdinhoud

YouTube-embeds blokkeren tot toestemming

YouTube-embeds plaatsen marketing-/advertentiecookies zodra het iframe laadt — zelfs zonder automatisch afspelen.

Stap 1: Vervang src door data-src​

<!-- Voor: laadt onmiddellijk -->
<iframe src="https://www.youtube.com/embed/VIDEO_ID"
  width="560" height="315" frameborder="0"></iframe>

<!-- Na: geblokkeerd tot marketing-toestemming -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0"
  allowfullscreen>
</iframe>

Stap 2: Voeg een plaatshouder toe (optioneel maar aanbevolen)​

Laat gebruikers zien wat ze missen en geef ze een snelle toestemmingsweg:

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

Stap 3: Gebruik de privacyvriendelijke modus van YouTube​

Gebruik zelfs met toestemming het no-cookie-domein om tracking te minimaliseren:

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

Verificatie​

Open DevTools → Netwerk vóór het verlenen van toestemming. Er mag geen verzoek naar youtube.com of youtube-nocookie.com verschijnen. Na het accepteren van marketing-toestemming moet het iframe laden en moet het netwerkverzoek verschijnen.