Tatsächlich ist es nicht ganz so einfach, dass man ein YouTube-Video datenschutz-technisch konform in einer Website einbindet, damit die rechtlichen Voraussetzungen im Umgang mit Cookies erfüllt sind. Im Prinzip geht es darum, dass YouTube / Google nicht ohne Vorwarnung und Einwilligung (Consent) des jeweiligen Users seine Cookies auf Endgeräten laden soll. Dafür stehen alle Website-Betreiber, die auf ihren Websites YouTube-Videos einbinden, laut DSGVO (Datenschutzgrundverordnung) ebenfalls in der Pflicht solche Videos so einzubinden, damit Cookies nicht ohne Einwilligung geladen werden können. So eine Einwilligung kann durch einen Klick auf einen Button (oder ein Häckchen setzen) erfolgen. Jedenfalls muss der User bewusst eine Handlung zur Bestätigung der Einwilligung durchführen, damit das YouTube-Video geladen werden darf. Es geht letzten Endes darum, dass die Cookies erst geladen werden, wenn die Einwilligung erfolgt ist.
Die DSGVO beschäftigt sich mit vielen Bereichen und stellt in gewisser Weise eine rechtliche Schnittstelle zwischen Daten, Technik und Sicherheit im Internet dar. Auch bei YouTube-Videos spielen diese Aspekte eine Rolle. Viele Dinge habe ich bereits in meinem Beitrag über das Einbinden von YouTube-Videos in WordPress-Websites aufgearbeitet. In diesem Beitrag wird konkret auf eine praktische Möglichkeit mit dem Elementor eingegangen, wie man die Anforderung der Einwilligung direkt auf der Website noch vor dem Laden des YouTube-Videos zur Verfügung stellen kann. Dazu müssen drei Dinge erfüllt sein:
- Das YouTube-Video muss mit erweitertem Datenschutz eingebunden werden
- Das Video darf erst laden, wenn es am Bildschirm erscheint
- Noch bevor das Video am Bildschirm erscheint, muss der User eine bewusste Aktion (zB Klick auf Button) auf der Website durchführen, bei welcher er einwilligt, dass YouTube-Cookies geladen werden dürfen
Diese drei Punkte werden nachfolgend beschrieben.
Das YouTube-Video muss mit erweitertem Datenschutz eingebunden werden
Wenn man den Elementor als Editor für eine WordPress-Website verwendet, so kann man das Video-Element nutzen, um YouTube-Videos sehr einfach in die Website einzubinden. Der Elementor stellt für die Aktivierung des erweiterten Datenschutzes von YouTube (youtube-nocookie.com) eine Option zur Verfügung. Wenn man den „Privaten Modus“ im Elementor aktiviert, ist es im Prinzip das Gleiche, als wenn man sich den HTML-Code mit erweitertem Datenschutz direkt von YouTube holt. Und genau hier passiert die erste Verwirrung!
Verwirrung durch YouTube-Beschreibung zum erweiterten Datenschutz
Wenn man sich einen iframe-Code bei YouTube holen will, kann man den erweiterten Datenschutzmodus aktivieren, indem man ein Häckchen in das blaue Kästchen setzt (siehe Abbildung) bevor man den ganzen Code kopiert. Damit ändert sich im Code die Domain von youtube.com zu youtube-nocookie.com. In der Abbildung anbei sieht man ein kleines Info-Symbol rechts neben dem Text. Wenn man hier mit der Mouse drüberfährt, öffnet sich ein Info-Pop-Up, in welchem steht, dass keine Informationen über die Besucher gespeichert werden, es sei denn, sie sehen sich das Video an.
Das Irreführende daran ist, dass die Cookies aber bereits geladen werden, bevor man sich das Video ansieht, also bevor man den Play-Button klickt. Die Cookies werden bereits beim Laden des Thumbnails (Video-Vorschaubildes) mit geladen. Tja, nun könnte man sagen, dass YouTube damit meint, dass wenn man sich schon das Thumbnail ansieht, man sich damit auch schon das Video ansieht!? In der Tat ist das verwirrend, wenn nicht gleich irreführend. Fakt ist: auch beim erweiterten Datenschutzmodus von YouTube werden die Cookies bereits vor dem Starten des Videos geladen.
Verwirrung durch Elementor-Beschreibung zum Privaten Modus
Elementor schreibt zum privaten Modus, dass keine Informationen über die Besucher gespeichert werden, bis diese das Video abspielen (siehe Abbildung). Das ist leider nicht korrekt! Insofern kann man hier davon ausgehen, dass man bei Elementor die Beschreibung von YouTube miss-interpretiert hat und somit die Website-Betreiber, die YouTube-Videos über den Elementor einbinden, irregeführt werden.
Zusätzlich fehlt hier die Information von Elementor, dass Lazy Load zwingend erforderlich ist, um YouTube-Videos mit dem Elementor DSGVO-konform in die Website einzubinden. Warum? Dazu später mehr.
Sie brauchen demnach die beiden Optionen:
- Privater Modus
- Lazy Load
Das Video darf erst laden, wenn es am Bildschirm erscheint
Damit das Video erst geladen wird, wenn es tatsächlich am Bildschirm erscheint, ist die Funktion „Lazy Load“ erforderlich. In Verbindung mit dem erweiterten Datenschutzmodus von YouTube funktioniert das auch. Keinen Sinn hat es, wenn man YouTube-Videos ohne erweiterten Datenschutzmodus einbindet, denn dann werden die Cookies sofort beim Öffnen der Seite geladen. Um das zu verhindern ist der „Private Modus“ wichtig.
Das „technische“ Problem ist nun, dass bereits durch das Laden des Vorschaubildes die Cookies geladen werden, ohne dass man sich das Video ansieht (auf Play klickt). Also auch wenn man das Video gar nicht sehen will, ungewollt nur das Vorschaubild am Screen sieht, kommt man bereits in den Genuss der YouTube-Nocookie-Cookies, die wohlgemerkt von .google.com (Domain) geladen werden.
Für uns ist es auf jeden Fall wichtig, dass wir wissen, durch was und wann das Laden der Cookies ausgelöst wird:
- bei erweitertem YouTube-Datenschutz (youtube-nocookie)
- = Elementor „Privater Modus“
- + Lazy Load
Warum Lazy Load? Das wird gleich beantwortet.
Wenn diese angeführten Grundvoraussetzungen erfüllt sind (und auch alle anderen Basis-Voraussetzungen, wie https, etc ..), dann werden die Cookies am Endgerät genau dann geladen, wenn das Vorschaubild des YouTube-Videos auf der Website am Screen / Bildschirm erscheint. Den Beweis dafür gibt es weiter unten in diesem Beitrag. Es werden dabei einige Cookies geladen, ohne erweitertem Datenschutz noch mehr …
Noch bevor das Video am Bildschirm erscheint, muss der User einwilligen
Noch bevor das Video am Bildschirm erscheint, muss der User eine bewusste Aktion (zB Klick auf Button) auf der Website durchführen, bei welcher er einwilligt, dass YouTube-Cookies geladen werden dürfen. Nun wird klar, wozu man Lazy Load benötigt (das Laden soll so spät wie möglich erfolgen).
Das ist möglich, in dem man das Video am Bildschirm solange nicht anzeigen lässt, bis der User selbst den Button klickt, mit welchem das Video in Erscheinung tritt. Der Button ist mit den entsprechenden Hinweisen versehen, die erklären was passiert, wenn man darauf klickt:
Mit einem Klick auf diesen Button laden Sie ein YouTube-Video und erteilen somit die Zustimmung für das Laden von YouTube-Cookies
Wenn Sie diesen Button klicken, dann laden Sie ein YouTube-Video mit erweitertem Datenschutz (youtube-nocookie.com). Es werden beim Erscheinen des Videos (Vorschaubild), beziehungsweise beim Abspielen des Videos, Cookies (Domain: .google.com) geladen. Mit einem Klick auf den Button stimmen Sie ausdrücklich der Nutzung von YouTube-Cookies zu. Mehr Informationen erhalten Sie in unseren Datenschutzbestimmungen.
Sehen Sie hier, wann die YouTube-Cookies geladen werden
Sehen Sie hier am Beispiel von Google Chrome was mit den Cookies passiert, wenn das YouTube-Video hier angezeigt wird:
Im Prinzip ist dies nun eine Möglichkeit mit dem Elementor, damit Cookies von YouTube erst dann geladen werden, wenn der User auf den Consent-Button klickt und damit zustimmt, dass YouTube-Cookies geladen werden dürfen.
Haftungsausschluss
Ich möchte noch darauf hinweisen, dass ich dieses Wissen als kostenfreie Hilfestellung anbiete und keine Garantie und Haftung dafür übernehmen kann, was Sie mit diesen Informationen machen. Sollten Sie Fragen dazu haben, so können Sie mich gerne kontaktieren.
