Zum Hauptinhalt springen

YouTube-Einbettungen bis zur Einwilligung blockieren

YouTube-Einbettungen setzen Marketing/Werbe-Cookies, sobald der iFrame geladen wird — selbst ohne Autoplay.

Schritt 1: src durch data-src ersetzen​

<!-- Vorher: lädt sofort -->
<iframe src="https://www.youtube.com/embed/VIDEO_ID"
  width="560" height="315" frameborder="0"></iframe>

<!-- Nachher: blockiert bis zur Marketing-Einwilligung -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0"
  allowfullscreen>
</iframe>

Schritt 2: Platzhalter hinzufügen (optional, aber empfohlen)​

Zeigen Sie Nutzern, was sie verpassen, und geben Sie ihnen einen schnellen Einwilligungspfad:

<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>Dieses Video erfordert Marketing-Cookies.</p>
    <button data-cf-action="accept-category" data-cf-category="marketing">
      Akzeptieren und abspielen
    </button>
  </div>
</div>

Schritt 3: YouTubes datenschutzverbesserten Modus verwenden​

Verwenden Sie auch bei erteilter Einwilligung die No-Cookie-Domain, um Tracking zu minimieren:

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

Überprüfung​

Öffnen Sie DevTools → Netzwerk vor dem Einwilligen. Es sollte keine Anfrage an youtube.com oder youtube-nocookie.com erscheinen. Nach dem Akzeptieren der Marketing-Einwilligung sollte der iFrame laden und die Netzwerkanfrage erscheinen.