Zum Hauptinhalt springen

YouTube-Einbettungen bis zur Einwilligung blockieren

YouTube-Einbettungen setzen Marketing- und Werbe-Cookies, sobald der iFrame geladen wird – selbst ohne automatische Wiedergabe.

Schritt 1: src durch data-src ersetzen​

<!-- Vorher: wird sofort geladen -->
<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: Einen Platzhalter hinzufügen (optional, aber empfohlen)​

Zeigen Sie den Nutzern, was sie verpassen, und bieten Sie ihnen einen schnellen Einwilligungsweg an:

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

Schritt 3: Den datenschutzfreundlichen YouTube-Modus verwenden​

Verwenden Sie selbst mit erteilter Einwilligung die No-Cookie-Domain, um das Tracking zu minimieren:

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

Überprüfung​

Öffnen Sie DevTools → Netzwerk, bevor Sie die Einwilligung erteilen. Es sollte keine Anfrage an youtube.com oder youtube-nocookie.com erscheinen. Nachdem Sie die Marketing-Einwilligung akzeptiert haben, sollte der iFrame geladen werden und die Netzwerkanfrage sichtbar sein.