WPConsent-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für WPConsent

Das Einstellungsfenster verstehen

Möchten Sie wissen, wie Besucher ihre Cookie-Einstellungen auf Ihrer Website überprüfen und verwalten? Das Einstellungsfenster ist ein Vollbild-Overlay, in dem Besucher Cookie-Kategorien erkunden, Cookie-Details lesen und ihre Zustimmung für jedes einzelne Cookie aktivieren oder deaktivieren können. In diesem Artikel wird erklärt, was das WPConsent-Einstellungsfenster ist, wie es funktioniert und wie Sie es anpassen können.

Inhaltsverzeichnis

Was ist das Einstellungsfenster?

Das Einstellungsfenster ist eine Vollbild-Überlagerung, die sich öffnet, wenn ein Besucher auf die Schaltfläche „Einstellungen“ im Einwilligungsbanner klickt. Es listet alle Cookie-Kategorien Ihrer Website auf, jeweils mit einem Schalter und einem erweiterbaren Akkordeon. In jedem Akkordeon sehen Besucher die Kategoriebeschreibung, alle zugehörigen Dienste und eine Cookie-Tabelle mit den Spalten Name, Beschreibung und Dauer.

Am unteren Rand des Fensters werden drei Aktionsschaltflächen angezeigt: „Alle akzeptieren“, „Schließen“ und „Speichern und schließen“. Besucher verwenden diese Schaltflächen, um ihre Auswahl zu bestätigen oder abzulehnen.

Das Einstellungsfenster mit den Cookie-Kategorien, Umschaltflächen und Aktionsschaltflächen

Warum es wichtig ist

Datenschutzbestimmungen wie die DSGVO und ePrivacy verlangen von Websites, dass sie Besuchern eine detaillierte Kontrolle über die Zustimmung zu Cookies ermöglichen. Eine allgemeine Schaltfläche „Alle akzeptieren“ reicht nicht aus. Über das Einstellungsfeld können Besucher fundierte Entscheidungen auf Kategorieebene (oder sogar auf Serviceebene) darüber treffen, welche Cookies sie zulassen möchten.

Diese Transparenz schafft Vertrauen bei Ihren Besuchern. Außerdem sorgt sie dafür, dass Ihre Website den Vorschriften entspricht, indem sie dokumentiert, dass Besucher eine echte Wahl hatten.

Wie das Panel funktioniert

Das Einstellungsfenster besteht aus vier Hauptbereichen, die von oben nach unten angeordnet sind.

Die Kopfzeile zeigt den Titel des Fensters und eine Schaltfläche zum Schließen an. Wenn Sie unter „WPConsent >> Banner Design“ auf der Registerkarte „Inhalt“ ein Logo hochgeladen haben, wird dieses neben der Schaltfläche zum Schließen in der Kopfzeile angezeigt.

Beschreibung

Ein kurzer Absatz unterhalb der Überschrift stellt den Besuchern das Panel vor. Der Standardtext lautet:

Verwalten Sie Ihre Cookie-Einstellungen unten:

Sie können diesen Text in den Admin-Einstellungen ändern (siehe „Anpassen des Panel-Textes“ weiter unten).

Jede Cookie-Kategorie wird als zusammenklappbares Akkordeonelement angezeigt. Die Akkordeon-Kopfzeile zeigt den Kategorienamen und einen Umschalter an. Der Akkordeon-Hauptteil enthält die Kategoriebeschreibung, optionale Dienste und eine Cookie-Tabelle.

Kategorien ohne Cookies und ohne Dienste werden automatisch aus dem Panel ausgeblendet. Die Kategorie „Essential“ wird immer angezeigt, und ihr Schalter ist aktiviert und deaktiviert. Besucher können essentielle Cookies nicht deaktivieren.

Es bleibt immer nur eine Kategorie-Akkordeon geöffnet. Durch Klicken auf eine neue Kategorie wird die zuvor geöffnete geschlossen.

Aktionsschaltflächen

Am unteren Rand des Fensters erscheinen 3 Schaltflächen:

KnopfStandardbezeichnungVerhalten
Alle akzeptierenAccept AllAktiviert alle Cookie-Kategorien und speichert die Einstellungen.
Schließen SieCloseSchließt das Fenster, ohne Änderungen zu speichern.
Speichern und schließenSave and CloseSpeichert die aktuellen Umschaltzustände und schließt das Fenster.

Wenn Sie unter „WPConsent >> Einstellungen >> Cookie-Richtlinie“ eine Seite für die Cookie-Richtlinie ausgewählt haben, wird im Einstellungsfenster unten in der Kategorieliste ein Akkordeon-Menü für die Cookie-Richtlinie angezeigt. Dieses Akkordeon-Menü enthält Text mit Links zu Ihrer Seite für die Cookie-Richtlinie und (sofern konfiguriert) zu Ihrer WordPress-Datenschutzerklärung.

Der Standardtext verwendet das {cookie_policy} und {privacy_policy} Platzhalter, die automatisch zu Links aufgelöst werden. Weitere Informationen zu Platzhaltern finden Sie im Artikel über Anpassen von Bannerinhalt und Text.

Einstellungen speichern

Wenn ein Besucher auf „Speichern und schließen“ klickt, speichert WPConsent seine Auswahl in einem Cookie, damit die Website seine Präferenzen bei zukünftigen Besuchen berücksichtigt.

Wenn der Besucher seine Einstellungen nach dem Speichern ändert, löscht WPConsent die vorhandenen Cookies und lädt die Seite neu, damit die neuen Einstellungen sofort wirksam werden.

Wenn ein Besucher das Panel später erneut öffnet, liest WPConsent die wpconsent_preferences Cookie und setzt alle Schalter so, dass sie dem gespeicherten Zustand entsprechen.

Barrierefreiheit

Das Einstellungsfenster entspricht den Best Practices für Barrierefreiheit:

  • Das Gremium hat role="dialog" und aria-modal="true" Attribute.
  • Eine Fokusfalle hält den Tastaturfokus innerhalb des Fensters, solange es geöffnet ist.
  • Durch Drücken der Escape-Taste wird das Fenster geschlossen.
  • Der Titel des Fensters wird beim Öffnen des Fensters hervorgehoben, sodass Screenreader sofort den Kontext erkennen können.
  • Alle Akkordeon-Umschaltknöpfe verwenden aria-expanded um ihren offenen oder geschlossenen Zustand anzuzeigen.
  • Interaktive Elemente umfassen beschreibende aria-label Attribute für Screenreader-Benutzer.

Schlüsselbegriffe

Umschaltflächen auf Kategorieebene

Standardmäßig kontrollieren Besucher die Zustimmung auf Kategorieebene. Jede nicht wesentliche Kategorie (wie Statistik oder Marketing) verfügt über einen Schalter, den der Besucher aktivieren oder deaktivieren kann. Der Schalter für die Kategorie „Wesentlich“ ist immer aktiviert und deaktiviert.

Wenn ein Besucher nach dem Speichern seiner Einstellungen zum Panel zurückkehrt, spiegeln die Schaltflächen den gespeicherten Status aus dem wpconsent_preferences Keks.

Service-Level-Umschalter

Wenn Sie „Dienste umschalten“ unter „WPConsent >> Einstellungen“ aktivieren, erhält jeder Dienst innerhalb einer Kategorie ein eigenes verschachteltes Akkordeon und einen eigenen Schalter.

Bei aktivierten Service-Level-Umschaltern:

  • Jeder Dienst wird als verschachtelte Akkordeon-Ansicht innerhalb seiner übergeordneten Kategorie angezeigt.
  • Die Dienste verfügen über eigene Schaltflächen, sodass Besucher einen Analysedienst akzeptieren, einen anderen jedoch ablehnen können.
  • Durch das Aktivieren oder Deaktivieren einer Kategorie werden auch alle Dienstschalter innerhalb dieser Kategorie aktiviert oder deaktiviert.
  • Wenn ein Besucher alle Service-Schaltflächen in einer Kategorie deaktiviert, wird die Schaltfläche der übergeordneten Kategorie automatisch deaktiviert.
  • Wenn ein Besucher einen Dienst-Schalter aktiviert, wird der Schalter für die übergeordnete Kategorie automatisch aktiviert.

Dienste in der Kategorie „Essential“ werden als aktiviert und deaktiviert angezeigt, entsprechend dem Verhalten der Kategorie.

Wenn die Service-Level-Schaltflächen deaktiviert sind, werden die Dienste weiterhin als verschachtelte Akkordeons mit ihrer Beschreibung und ihren Cookies angezeigt, jedoch ohne einzelne Schaltflächen. Die Zustimmung wird vollständig auf Kategorieebene gesteuert.

Weitere Informationen zum Verwalten von Diensten finden Sie im Artikel zum Verwalten von Diensten.

Innerhalb jeder Kategorie oder jedem Service-Akkordeon listet eine Cookie-Tabelle alle Cookies auf, die zu dieser Gruppe gehören. Die Tabelle hat 3 Spalten:

SpalteStandard-KopfzeileBeschreibung
NameNameDer Name des Cookies.
BeschreibungDescriptionWas der Cookie macht.
DauerDurationWie lange der Cookie gespeichert bleibt. Zeigt einen Strich an, wenn keine Dauer festgelegt ist.

Sie können den Text der Spaltenüberschriften im Akkordeon „Cookie-Tabellenüberschriften“ auf der Registerkarte „Inhalt“ unter „WPConsent >> Bannerdesign“ ändern. Weitere Informationen finden Sie im Artikel zum Anpassen von Bannerinhalten und -texten.

Wenn für einen Dienst eine URL konfiguriert ist, wird im Bereich ein Link mit der Bezeichnung Service-URL-Bezeichnung Text (Standard: Service URL) gefolgt vom Domainnamen der URL. Der Link wird in einem neuen Tab geöffnet.

Anpassen des Panel-Textes

Alle Textzeichenfolgen im Einstellungsfeld können im WordPress-Adminbereich bearbeitet werden. Navigieren Sie zu WPConsent >> Banner-Design und klicken Sie auf die Registerkarte „Inhalt “. Scrollen Sie dann nach unten zum Abschnitt „Einstellungsfeld-Einstellungen“ und erweitern Sie das Einstellungsfeld- Akkordeon.

Das Einstellungsfeld-Akkordeon auf der Registerkarte „Inhalt“ zeigt alle anpassbaren Textfelder an.

Die folgenden Felder sind verfügbar:

FeldStandardwertWas es steuert
Titel des EinstellungsfenstersCookie PreferencesDie Überschrift oben auf dem Bedienfeld.
Beschreibung des EinstellungsfenstersManage your cookie preferences below:Der einleitende Absatz unterhalb des Titels.
Cookie-Richtlinie TitelCookie PolicyDie Überschrift des Akkordeon-Elements zur Cookie-Richtlinie.
Cookie-Richtlinie TextYou can find more information in our {cookie_policy} and {privacy_policy}.Der Text innerhalb der Cookie-Richtlinie. Unterstützt {cookie_policy} und {privacy_policy} Platzhalter.
Schaltfläche „Einstellungen speichern“ TextSave and CloseDie Beschriftung der Speichern-Schaltfläche unten im Bedienfeld.
Schließen-Schaltfläche TextCloseDie Schaltfläche „Schließen“ unten im Fenster.
Service-URL-BezeichnungService URLDas Label, das vor der URL eines Dienstes in der Cookie-Tabelle angezeigt wird.

Nachdem Sie Änderungen vorgenommen haben, klicken Sie auf „Speichern“. Textaktualisierungen werden sofort im Frontend wirksam.

Öffnen des Einstellungsfensters

Es gibt drei Möglichkeiten für Besucher, das Einstellungsfenster zu öffnen, nachdem sie das Einwilligungsbanner geschlossen haben.

Der schwebende Zustimmungsbutton ist ein kleines Symbol, das in der Ecke jeder Seite erscheint, nachdem ein Besucher seine Zustimmung gespeichert hat. Durch Anklicken öffnet sich das Einstellungsfenster. Um diesen Button zu aktivieren, schalten Sie die Option „Einstellungsbutton anzeigen“ unter WPConsent >> Einstellungen ein.

Wenn diese Option aktiviert ist, können Sie das Symbol der Schaltfläche auf der Registerkarte „Stil“ unter „WPConsent >> Bannerdesign“ anpassen. Informationen zur Umschaltfunktion finden Sie im Artikel zu den allgemeinen Einstellungen. Informationen zu den Symboloptionen finden Sie im Artikel zum Bannerdesign.

Verwendung des Shortcodes

Platzieren Sie das Shortcode an einer beliebigen Stelle in Ihrem Inhalt ein, um eine Schaltfläche für Einstellungen hinzuzufügen. Der Shortcode rendert eine

Der Button erhält automatisch die wpconsent-open-preferences CSS-Klasse, die das Öffnen des Fensters auslöst.

Verwendung einer CSS-Klasse für ein beliebiges Element

Fügen Sie die CSS-Klasse hinzu wpconsent-open-preferences auf jeden Link, jede Schaltfläche oder jedes anklickbare Element auf Ihrer Seite. WPConsent überwacht Klicks auf Elemente dieser Klasse und öffnet automatisch das Einstellungsfenster.

Sie können beispielsweise einen Link in die Fußzeile Ihrer Website einfügen:

<a href="#" class="wpconsent-open-preferences">Cookie Settings</a>

Oder fügen Sie eine Schaltfläche in einem Widget hinzu:

<button class="wpconsent-open-preferences">Manage Cookies</button>

Dies funktioniert bei jedem Element auf jeder Seite. WPConsent verhindert die Standardaktion (also href="#" Links scrollen nicht nach oben) und öffnet das Einstellungsfenster.

Bewährte Verfahren

  • Halten Sie Ihre Kategoriebeschreibungen klar und deutlich. Verfassen Sie kurze, leicht verständliche Beschreibungen, damit Besucher verstehen, was jede Kategorie beinhaltet.
  • Aktivieren Sie Service-Level-Umschaltfunktionen für mehr Transparenz. Wenn Ihre Website mehrere Dienste pro Kategorie nutzt, können Besucher durch die Aktivierung von Service-Level-Umschaltfunktionen eine genauere Kontrolle ausüben, was Vertrauen schafft.
  • Richten Sie immer eine Seite mit den Cookie-Richtlinien ein. Durch die Verlinkung Ihrer Cookie-Richtlinien im Einstellungsfeld helfen Sie Besuchern, detaillierte Informationen zu finden, und stärken Ihre Compliance-Position.
  • Passen Sie die Beschriftungen der Schaltflächen an Ihre Zielgruppe an. Passen Sie sich der Sprache und dem Ton Ihrer Website an. Wenn Ihre Zielgruppe eine formelle Sprache erwartet, passen Sie sich entsprechend an.
  • Testen Sie das Bedienfeld auf Mobilgeräten. Das Einstellungsfeld ist eine Vollbild-Überlagerung, überprüfen Sie daher, ob es auf kleineren Bildschirmen gut aussieht und funktioniert.

Häufig gestellte Fragen

Kann ich den Text im Einstellungsfenster ändern?

Ja. Navigieren Sie zu WPConsent >> Banner-Design >> Inhalt und erweitern Sie das Einstellungsfeld. Alle Textfelder können dort bearbeitet werden.

Wie kann ich Besuchern ermöglichen, das Einstellungsfenster wieder zu öffnen?

Es gibt 3 Optionen: Aktivieren Sie die schwebende Zustimmungs-Schaltfläche in WPConsent >> Einstellungen, verwenden Sie die Shortcode oder fügen Sie das wpconsent-open-preferences CSS-Klasse zu jedem HTML-Element.

WPConsent blendet Kategorien aus, die keine Cookies und keine Dienste enthalten. Um eine Kategorie sichtbar zu machen, fügen Sie mindestens 1 Cookie oder Dienst hinzu. Die Kategorie „Essential“ bildet eine Ausnahme und wird immer angezeigt.

Können Besucher wichtige Cookies deaktivieren?

Nein. Die Option „Essential“ (Unverzichtbar) ist immer aktiviert und deaktiviert. Besucher können unverzichtbare Cookies nicht deaktivieren, da Ihre Website diese benötigt, um zu funktionieren.

Was passiert, wenn ein Besucher seine Einstellungen ändert?

WPConsent löscht vorhandene Cookies, für die keine Einwilligung mehr vorliegt, und lädt die Seite neu. Die neuen Einstellungen werden sofort wirksam.

Wie aktiviere ich die Umschaltfunktion für die Serviceebene?

Aktivieren Sie die Einstellung „Dienste umschalten “ unter „WPConsent >> Einstellungen“. Jeder Dienst erhält dann innerhalb seiner übergeordneten Kategorie-Akkordeon seine eigene Umschaltfunktion.

Schlussfolgerung

Das Einstellungsfenster gibt Ihren Besuchern die volle Kontrolle über ihre Cookie-Einwilligungsoptionen. Es zeigt Cookie-Kategorien, Dienste und einzelne Cookies in einem übersichtlichen Akkordeon-Layout mit klaren Umschaltflächen und Aktionsschaltflächen an. Sie können den gesamten Text des Fensters über die Registerkarte „Inhalt“ unter WPConsent >> Banner-Design anpassen und Ihren Besuchern mehrere Möglichkeiten bieten, das Fenster jederzeit wieder zu öffnen.

Um zu erfahren, wie Sie den Text und die Platzhalter im Banner und im Einstellungsfeld anpassen können, lesen Sie den Artikel zum Anpassen von Bannerinhalten und -texten.

War dieser Artikel hilfreich?

Verwandte Artikel