Wie verhindern Sie, dass eingebettete iframes Tracking-Cookies laden, bevor Besucher zustimmen? WPConsent blockiert Drittanbieter-iframes und ersetzt sie durch visuelle Platzhalter, die es Besuchern ermöglichen, zu wählen, wann sie Inhalte laden möchten. Content-Blocking und Platzhalter geben Ihnen die volle Kontrolle über eingebettete Dienste wie YouTube, Vimeo und Google Maps.

Inhaltsverzeichnis

• Voraussetzungen
• Verständnis der Funktionsweise von Content-Blocking
• Aktivieren von Content-Blocking
• Auswahl der zu blockierenden Dienste
• Anpassen des Platzhalter-Button-Textes
• Verständnis der Funktionsweise von Platzhaltern
• Verständnis des Click-to-Consent-Verhaltens
• Verständnis der Interaktion von Content-Blocking mit anderen Funktionen
• Einrichtung überprüfen
• FAQ
• Schlussfolgerung

Voraussetzungen

Stellen Sie vor Beginn sicher, dass Sie Folgendes haben:

• WPConsent installiert und aktiviert (siehe unsere Anleitung zur Installation von WPConsent)
• Das Zustimmungsbanner ist aktiviert unter WPConsent >> Einstellungen
• Skript-Blocking aktivieren in WPConsent >> Einstellungen aktiviert (Content-Blocking basiert auf demselben Output-Buffering-Prozess)
• Content-Blocking in WPConsent >> Einstellungen aktiviert, wobei mindestens 1 Dienst ausgewählt ist
• Administratorzugriff auf Ihre WordPress-Website

Verständnis der Funktionsweise von Content-Blocking

Die Inhaltsblockierung verhindert, dass iframes und andere eingebettete Elemente geladen werden, bis der Besucher der entsprechenden Cookie-Kategorie zugestimmt hat. Sie funktioniert neben der automatischen Skriptblockierung, konzentriert sich jedoch speziell auf eingebettete Inhalte und nicht auf JavaScript-Tags.

Wenn Content-Blocking aktiv ist, führt WPConsent bei jeder Seitenanfrage 3 Schritte aus:

1. Entfernen der iframe-Quelle. Das src-Attribut wird aus übereinstimmenden iframes entfernt, sodass der Browser sie nicht lädt.
2. Anzeigen eines Platzhalters. Ein stilisierter Container ersetzt den iframe durch ein Vorschaubild und einen Zustimmungs-Button.
3. Wiederherstellen des Inhalts bei Zustimmung. Wenn der Besucher der relevanten Cookie-Kategorie zustimmt, wird die ursprüngliche iframe-Quelle wiederhergestellt und der Platzhalter entfernt.

Dieser Ansatz stellt sicher, dass keine Daten an den Drittanbieter-Dienst gesendet werden, bevor die Zustimmung erteilt wurde. Das macht ihn unerlässlich für die Einhaltung von DSGVO, CCPA und ePrivacy.

Vergleich von Content-Blocking und Skript-Blocking

Skriptblockierung zielt auf script-Tags ab und verhindert die Ausführung von JavaScript. Inhaltsblockierung zielt auf iframe-Elemente und CSS-Selektoren für bestimmte eingebettete Widgets ab. Beide Funktionen verwenden dieselbe Erkennungs-Engine und dasselbe Kategoriesystem. Die Inhaltsblockierung bietet auch einen visuellen Platzhalter, damit Besucher verstehen, dass Inhalte zurückgehalten werden und sie diese laden können.

Sie können die Skriptblockierung und die Inhaltsblockierung unabhängig voneinander aktivieren. Die Skriptblockierung wird durch die Skriptblockierung aktivieren-Umschaltfläche gesteuert, während die Inhaltsblockierung ihre eigene Inhaltsblockierung-Umschaltfläche hat.

Aktivieren von Content-Blocking

Um zu beginnen:

1. Navigieren Sie in Ihrem WordPress-Admin zu WPConsent >> Einstellungen.
2. Scrollen Sie zur Inhaltsblockierung-Umschaltfläche.
3. Schalten Sie die Umschaltfläche ein.
4. Beachten Sie, dass die Einstellungen Zu blockierende Inhalte und Platzhalter-Schaltfläche unter der Umschaltfläche erscheinen.
5. Klicken Sie auf Änderungen speichern.

Die Inhaltsblockierung erfordert, dass auch die Skriptblockierung aktiviert ist. WPConsent verwendet für beide Funktionen denselben Ausgabe-Pufferungsprozess. Wenn die Skriptblockierung deaktiviert ist, hat die Inhaltsblockierung keine Auswirkung, da die Seiten-HTML nicht verarbeitet wird.

Auswahl der zu blockierenden Dienste

WPConsent pflegt eine remote aktualisierte Liste von Diensten, die die Inhaltsblockierung unterstützen. Die Liste wird automatisch abgerufen und lokal für 24 Stunden zwischengespeichert, sodass wir neue Dienste ohne ein Plugin-Update hinzufügen können.

Die folgenden Dienste unterstützen derzeit die Inhaltsblockierung:

Dienst	Kategorie	Was wird blockiert
YouTube	Marketing	YouTube-Video-Einbettungen (einschließlich youtube-nocookie.com)
Vimeo	Marketing	Vimeo-Videoplayer-Einbettungen
DailyMotion	Marketing	DailyMotion-Videoplayer-Einbettungen
Google Maps	Marketing	Google Maps-Einbettungen iframes
reCAPTCHA	Marketing	Google reCAPTCHA-Widgets (das .g-recaptcha-Element)

Alle 5 Dienste gehören standardmäßig zur Kategorie Marketing-Cookies. Wenn ein Besucher Marketing-Cookies akzeptiert, werden alle blockierten Einbettungen von diesen Diensten sofort geladen.

Hinweis: reCAPTCHA ist unter den unterstützten Diensten einzigartig. Anstatt einen iframe zu blockieren, zielt WPConsent auf das .g-recaptcha-HTML-Element ab und stellt ihm einen Platzhalter voran. Das Widget selbst wird ausgeblendet, bis die Zustimmung erteilt wird.

Wenn Sie die Inhaltsblockierung aktivieren, zeigt WPConsent einen Abschnitt Zu blockierende Inhalte mit einer einzelnen Umschaltfläche für jeden unterstützten Dienst an. Alle Dienste sind standardmäßig aktiviert.

So ändern Sie, welche Dienste blockiert werden:

1. Navigieren Sie in Ihrem WordPress-Admin zu WPConsent >> Einstellungen.
2. Stellen Sie sicher, dass die Inhaltsblockierung-Umschaltfläche aktiviert ist.
3. Schalten Sie im Abschnitt Zu blockierende Inhalte jeden Dienst ein oder aus.
4. Klicken Sie auf Änderungen speichern.

Wenn Sie beispielsweise reCAPTCHA auf einem Kontaktformular verwenden und es nicht blockieren möchten, deaktivieren Sie die reCAPTCHA-Umschaltfläche, während Sie YouTube und Vimeo blockiert lassen.

Anpassen des Platzhalter-Button-Textes

Sie können den Text, der auf der Platzhalter-Zustimmungsschaltfläche angezeigt wird, auf der Einstellungsseite ändern.

So aktualisieren Sie den Schaltflächentext:

1. Navigieren Sie in Ihrem WordPress-Admin zu WPConsent >> Einstellungen.
2. Stellen Sie sicher, dass die Inhaltsblockierung-Umschaltfläche aktiviert ist.
3. Suchen Sie das Textfeld Platzhalter-Schaltfläche.
4. Bearbeiten Sie den Text nach Ihren Wünschen.
5. Klicken Sie auf Änderungen speichern.

Der Standardtext lautet:

Click here to accept {category} cookies and load this content

Der Tag {category} ist ein dynamischer Platzhalter, den WPConsent durch den tatsächlichen Namen der Cookie-Kategorie ersetzt. Wenn das blockierte iFrame beispielsweise zur Kategorie Marketing gehört, lautet der Button: „Klicken Sie hier, um Marketing-Cookies zu akzeptieren und diesen Inhalt zu laden.“ Wenn Sie die Einstellung Dienste umschalten aktiviert haben, erwähnt der Button auch den Namen des entsprechenden Dienstes, damit Besucher genau wissen, welchen Dienst sie akzeptieren.

Verständnis der Funktionsweise von Platzhaltern

Wenn WPConsent ein iFrame blockiert, ersetzt es dieses durch einen Platzhalter-Container. Der Platzhalter besteht aus 3 Ebenen:

1. Vorschaubild. Ein Hintergrundbild, das dem Besucher eine Vorschau des blockierten Inhalts gibt.
2. Overlay-Inhalt. Eine halbtransparente Ebene über dem Vorschaubild.
3. Einwilligungs-Button. Ein Button, auf den der Besucher klicken kann, um Cookies für diese Kategorie zu akzeptieren und den Inhalt zu laden.

Der Platzhalter ist in ein div mit der Klasse wpconsent-iframe-placeholder eingeschlossen. Das ursprüngliche iFrame bleibt innerhalb des Platzhalters, hat aber keine src-Angabe, sodass es nicht geladen wird.

Generiere dynamische Platzhalterbilder

WPConsent generiert für jedes blockierte Einbettungsobjekt relevante Vorschaubilder. Bei Videodiensten wie YouTube zeigt das Vorschaubild eine Vorschau des spezifischen Videos. Bei anderen Diensten wird ein generisches Platzhalterbild angezeigt.

Vorschaubilder werden von der WPConsent-Platzhalter-API abgerufen und dann lokal auf Ihrem Server im Verzeichnis wp-content/uploads/wpconsent/thumbnails/ gespeichert. Das bedeutet:

• Keine externen Anfragen beim Laden der Seite. Sobald das Vorschaubild heruntergeladen ist, wird es direkt von Ihrem Server bereitgestellt.
• Datenschutzkonform. Die Browser der Besucher kontaktieren niemals die WPConsent-API. Der Download erfolgt serverseitig.
• Pro URL gecached. Jede eindeutige Einbettungs-URL erhält eine eigene Vorschaubilddatei, die mit dem Servicenamen und einem MD5-Hash der URL benannt ist.

Wenn das Vorschaubild nicht abgerufen werden kann (z. B. aufgrund eines Netzwerkfehlers), greift WPConsent auf ein Standard-Platzhalterbild zurück, das mit dem Plugin gebündelt ist.

Gestalte die Platzhalter-Schaltfläche

Der Platzhalter-Einwilligungs-Button übernimmt die Farben des Akzeptieren-Buttons Ihres Banners. WPConsent wendet dieselben CSS-Variablen an, die auch von Ihrem Einwilligungsbanner verwendet werden (--wpconsent-accept-bg und --wpconsent-accept-color), auf den Platzhalter-Button. Dies stellt sicher, dass der Button ohne zusätzliche Konfiguration zum Design Ihres Banners passt.

Verständnis des Click-to-Consent-Verhaltens

Wenn ein Besucher auf den Einwilligungs-Button eines Platzhalters klickt, führt WPConsent Folgendes aus:

1. Speichert die Einwilligung für die Kategorie. Die Präferenzen des Besuchers werden aktualisiert, um die entsprechende Cookie-Kategorie (z. B. Marketing) einzuschließen. Wenn die Einstellung Dienste umschalten aktiviert ist, wird auch der spezifische Dienst akzeptiert.
2. Stellt das iFrame wieder her. Das Attribut data-wpconsent-src wird zurück in src verschoben und das iFrame wird geladen.
3. Entfernt den Platzhalter. Das Vorschaubild und das Overlay werden entfernt und die Klasse wpconsent-iframe-placeholder wird vom Container entfernt.
4. Aktualisiert alle übereinstimmenden Inhalte. Alle anderen blockierten Iframes und Platzhalter in derselben Kategorie werden ebenfalls auf der Seite freigegeben.
5. Blendet das Banner aus. Wenn das Zustimmungsbanner sichtbar ist, wird es nach dem Speichern der Einstellungen ausgeblendet.

Das bedeutet, dass das Klicken auf 1 YouTube-Platzhalter-Button auch alle anderen YouTube-, Vimeo-, Google Maps- oder DailyMotion-Einbettungen auf derselben Seite freigibt, da sie alle die Kategorie Marketing gemeinsam nutzen.

Wenn der Besucher zuvor über das Banner zugestimmt hat, werden Platzhalter nie angezeigt. WPConsent prüft beim Laden der Seite auf vorhandene Einstellungen und stellt automatisch alle übereinstimmenden Iframes wieder her.

Verständnis der Interaktion von Content-Blocking mit anderen Funktionen

Skriptblockierung

Inhaltsblockierung und Skriptblockierung arbeiten zusammen. Einige Dienste wie reCAPTCHA verfügen sowohl über Skripte als auch über blockierte Elemente. Wenn die Inhaltsblockierung für reCAPTCHA aktiviert ist, blockiert WPConsent die reCAPTCHA-Skripte und blendet das .g-recaptcha-Widget mit einem Platzhalter aus. Wenn der Besucher zustimmt, werden sowohl die Skripte als auch das Widget wiederhergestellt.

Google Consent Mode

Wenn Sie Google Consent Mode aktiviert haben, hat dies keine Auswirkungen auf die Inhaltsblockierung. Google Consent Mode gilt nur für Skripte von Google Analytics, Google Ads und Google Tag Manager. Google Maps-Iframes werden weiterhin wie gewohnt blockiert und durch Platzhalter ersetzt.

Standardmäßig zulassen (Opt-out)-Modus

Wenn Standardmäßig zulassen in den allgemeinen Einstellungen aktiviert ist, werden alle Inhalte standardmäßig freigegeben. Iframes werden sofort geladen und es werden keine Platzhalter angezeigt. Wenn ein Besucher dann eine Kategorie ablehnt, wird die Seite neu geladen und der Inhalt blockiert.

Website-Scanner

Der Website-Scanner erkennt eingebettete Inhalte auf Ihrer Website und hilft Ihnen dabei, die Dienste zu identifizieren, die Sie verwalten müssen. Es ist eine gute Vorgehensweise, einen Scan durchzuführen, bevor Sie die Inhaltsblockierung aktivieren, um sicherzustellen, dass alle Ihre Dienste korrekt kategorisiert sind.

Einrichtung überprüfen

Testen Sie Ihre Website nach der Aktivierung der Inhaltsblockierung, um sicherzustellen, dass alles korrekt funktioniert:

1. Öffnen Sie Ihre Website in einem privaten/Inkognito-Browserfenster.
2. Suchen Sie nach Platzhaltercontainern, an denen normalerweise eingebettete Inhalte (YouTube-Videos, Google Maps usw.) erscheinen.
3. Stellen Sie sicher, dass jeder Platzhalter ein Miniaturbild und eine Zustimmungs-Schaltfläche anzeigt.
4. Klicken Sie auf eine Platzhalter-Zustimmungs-Schaltfläche und überprüfen Sie, ob der eingebettete Inhalt geladen wird.
5. Stellen Sie sicher, dass auch alle anderen Platzhalter in derselben Cookie-Kategorie freigegeben werden.
6. Öffnen Sie die Entwicklertools Ihres Browsers (drücken Sie F12) und überprüfen Sie die Registerkarte Elemente, um sicherzustellen, dass blockierte Iframes data-wpconsent-src anstelle von src haben.

FAQ

Warum erscheinen meine Platzhalter nicht?

Stellen Sie sicher, dass sowohl Skriptblockierung aktivieren als auch Inhaltsblockierung in WPConsent >> Einstellungen aktiviert sind. Die Inhaltsblockierung basiert auf der Ausgabe-Pufferung, die durch die Skriptblockierung gestartet wird.

Warum zeigen meine Thumbnails ein generisches Bild anstelle einer Videovorschau?

Das spezifische Miniaturbild kann wahrscheinlich nicht von der WPConsent-API abgerufen werden. Überprüfen Sie, ob Ihr Server ausgehende HTTP-Anfragen stellen kann. Miniaturbilder werden in wp-content/uploads/wpconsent/thumbnails/ gespeichert. Sie können Dateien dort löschen, um beim nächsten Laden der Seite einen erneuten Download zu erzwingen.

Warum wird meine eingebettete Inhalte geladen, bevor der Besucher zustimmt?

Löschen Sie jegliches Seiten-Caching auf Ihrer Website. WPConsent modifiziert das HTML mithilfe von Output Buffering, was ausgeführt wird, bevor die meisten Caching-Layer ihren Snapshot speichern. Wenn eine gecachte Version der Seite erstellt wurde, bevor die Inhaltsblockierung aktiviert wurde, haben die iframes immer noch ihre ursprünglichen src-Attribute.

Warum funktionieren meine reCAPTCHA-Formulare nicht, nachdem ich die Inhaltsblockierung aktiviert habe?

Wenn Sie reCAPTCHA blockieren, müssen Besucher auf die Zustimmungs-Schaltfläche klicken, bevor das reCAPTCHA-Widget angezeigt wird. Das bedeutet, dass Formulare, die durch reCAPTCHA geschützt sind, erst nach Erteilung der Zustimmung übermittelt werden können. Wenn dies ein Problem darstellt, können Sie reCAPTCHA in der Liste Zu blockierende Inhalte deaktivieren, während andere Dienste weiterhin blockiert werden.

Warum wird ein iframe auf meiner Seite nicht blockiert?

Die Inhaltsblockierung funktioniert nur für iframes, die beim ersten Laden im Seiten-HTML vorhanden sind. Wenn ein iframe nach dem Laden der Seite durch JavaScript eingefügt wird, kann WPConsent ihn mit dieser Funktion nicht abfangen, da das HTML bereits verarbeitet wurde. Dies ist bei Widgets und Einbettungen, die dynamisch geladen werden, recht häufig der Fall. In diesen Fällen erfordert die Handhabung der Zustimmung möglicherweise benutzerdefinierten Code, der spezifisch für das Plugin oder das Theme ist, das den iframe erstellt, oder die Verwendung einer Drittanbieter-Integration wie der WP Consent API, falls das Plugin diese unterstützt.

Kann ich benutzerdefinierte Regeln für die Inhaltsblockierung für Dienste hinzufügen, die nicht in der Standardliste enthalten sind?

Ja, aber nur in der kostenpflichtigen Version. Die kostenpflichtige Version ermöglicht es Ihnen, benutzerdefinierte Regeln für das Blockieren von Skripten und iframes für jeden Dienst hinzuzufügen. Anleitungen finden Sie in unserem Leitfaden zu benutzerdefinierten Regeln für das Blockieren von Skripten.

Schlussfolgerung

Die Inhaltsblockierung stellt sicher, dass iframes von Drittanbietern und eingebettete Widgets erst geladen werden, wenn Besucher ihre Zustimmung geben. Mit visuellen Platzhaltern, Miniaturvorschau-Vorschauen und einer Klick-für-Zustimmung-Schaltfläche verstehen Ihre Besucher immer, welche Inhalte zurückgehalten werden, und können sie zu ihren Bedingungen laden.

Um zu erfahren, wie WPConsent JavaScript-basierte Tracking-Skripte neben der Inhaltsblockierung handhabt, lesen Sie unseren Leitfaden zur automatischen Skriptblockierung.