Möchten Sie wissen, wie Besucher ihre Cookie-Auswahl auf Ihrer Website überprüfen und verwalten? Das Präferenz-Panel ist ein Vollbild-Overlay, in dem Besucher Cookie-Kategorien durchsuchen, Cookie-Details lesen und die Zustimmung für jede einzelne umschalten können. Dieser Artikel erklärt, was das WPConsent-Präferenz-Panel ist, wie es funktioniert und wie Sie es anpassen können.
Inhaltsverzeichnis
- Was ist das Präferenz-Panel
- Warum es wichtig ist
- Wie das Panel funktioniert
- Schlüsselkonzepte
- Anpassen des Panel-Textes
- Öffnen des Präferenz-Panels
- Bewährte Praktiken
- FAQ
- Schlussfolgerung
Was ist das Präferenz-Panel
Das Präferenz-Panel ist ein Vollbild-Overlay, das sich öffnet, wenn ein Besucher auf die Schaltfläche Präferenzen im Zustimmungsbanner klickt. Es listet jede Cookie-Kategorie auf Ihrer Website auf, jede mit einem Umschalter und einem erweiterbaren Akkordeon. Innerhalb jedes Akkordeons sehen Besucher die Kategoriebeschreibung, zugehörige Dienste und eine Cookie-Tabelle mit Spalten für Name, Beschreibung und Dauer.
Unten im Panel erscheinen 3 Aktionsschaltflächen: Alle akzeptieren, Schließen und Speichern und schließen. Besucher verwenden diese, um ihre Auswahl zu bestätigen oder abzulehnen.
Warum es wichtig ist
Datenschutzbestimmungen wie die DSGVO und die ePrivacy-Verordnung verlangen von Websites, dass sie Besuchern eine granulare Kontrolle über die Cookie-Zustimmung geben. Eine generische Schaltfläche „Alle akzeptieren“ reicht nicht aus. Das Präferenz-Panel ermöglicht es Besuchern, fundierte Entscheidungen auf Kategorie- oder sogar Dienstebene darüber zu treffen, welche Cookies sie zulassen.
Diese Transparenz schafft Vertrauen bei Ihrem Publikum. Sie hält Ihre Website auch konform, indem sie dokumentiert, dass Besucher eine echte Wahl hatten.
Wie das Panel funktioniert
Das Präferenz-Panel hat von oben nach unten 4 Hauptabschnitte.
Kopfzeile
Die Kopfzeile zeigt den Titel des Panels und eine Schließen-Schaltfläche an. Wenn Sie ein Logo im Tab Inhalt von WPConsent >> Banner-Design hochgeladen haben, wird das Logo neben der Schließen-Schaltfläche in der Kopfzeile angezeigt.
Beschreibung
Ein kurzer Absatz unter der Kopfzeile stellt den Besuchern das Panel vor. Der Standardtext lautet:
Verwalten Sie Ihre Cookie-Präferenzen unten:
Sie können diesen Text in den Admin-Einstellungen ändern (siehe Anpassen des Panel-Textes unten).
Cookie-Kategorien-Akkordeon
Jede Cookie-Kategorie erscheint als ausklappbares Akkordeon-Element. Die Akkordeon-Kopfzeile zeigt den Kategorienamen und einen Umschalter an. Der Akkordeon-Körper enthält die Kategoriebeschreibung, optionale Dienste und eine Cookie-Tabelle.
Kategorien ohne Cookies und ohne Dienste werden automatisch aus dem Panel ausgeblendet. Die Kategorie Essentiell erscheint immer, und ihr Umschalter ist aktiviert und deaktiviert. Besucher können essenzielle Cookies nicht deaktivieren.
Nur 1 Kategorie-Akkordeon bleibt gleichzeitig geöffnet. Das Klicken auf eine neue Kategorie schließt die zuvor geöffnete.
Aktionsschaltflächen
Unten im Panel erscheinen 3 Schaltflächen:
| Schaltfläche | Standardbeschriftung | Verhalten |
|---|---|---|
| Alle akzeptieren | Alle akzeptieren | Aktiviert alle Cookie-Kategorien und speichert die Präferenzen. |
| Schließen | Schließen | Schließt das Panel, ohne Änderungen zu speichern. |
| Speichern und schließen | Speichern und schließen | Speichert die aktuellen Umschaltzustände und schließt das Panel. |
Cookie-Richtlinien-Bereich
Wenn Sie eine Seite mit Cookie-Richtlinien unter WPConsent >> Einstellungen >> Cookie-Richtlinien ausgewählt haben, zeigt das Präferenzfenster unten in der Liste der Kategorien ein Akkordeon mit dem Titel Cookie-Richtlinien an. Dieses Akkordeon enthält Text mit Links zu Ihrer Cookie-Richtlinien-Seite und (falls konfiguriert) Ihrer WordPress-Datenschutzrichtlinien-Seite.
Der Standardtext verwendet die Platzhalter {cookie_policy} und {privacy_policy}, die automatisch in Links aufgelöst werden. Details zu den Platzhaltern finden Sie im Artikel über Anpassen von Bannerinhalten und Text.
Speichern von Präferenzen
Wenn ein Besucher auf Speichern und schließen klickt, speichert WPConsent seine Auswahl in einem Cookie, damit sich die Website die Präferenzen bei zukünftigen Besuchen merkt.
Wenn der Besucher seine Präferenzen nach dem vorherigen Speichern ändert, löscht WPConsent die vorhandenen Cookies und lädt die Seite neu, damit die neuen Präferenzen sofort wirksam werden.
Wenn ein Besucher das Fenster später erneut öffnet, liest WPConsent den Cookie wpconsent_preferences und setzt alle Schalter auf den gespeicherten Zustand.
Barrierefreiheit
Das Präferenzfenster folgt den Best Practices für Barrierefreiheit:
- Das Fenster hat die Attribute
role="dialog"undaria-modal="true". - Eine Fokusfalle hält den Tastaturfokus im Fenster, solange es geöffnet ist.
- Durch Drücken von Escape wird das Fenster geschlossen.
- Der Fenstertitel erhält den Fokus, wenn das Fenster geöffnet wird, was Screenreadern sofortigen Kontext gibt.
- Alle Akkordeon-Schaltflächen verwenden
aria-expanded, um ihren geöffneten oder geschlossenen Zustand anzuzeigen. - Interaktive Elemente enthalten beschreibende
aria-label-Attribute für Screenreader-Benutzer.
Schlüsselkonzepte
Kategorie-Schalter
Standardmäßig kontrollieren Besucher die Zustimmung auf Kategorieebene. Jede nicht essenzielle Kategorie (z. B. Statistik oder Marketing) verfügt über einen Schalter, den der Besucher aktivieren oder deaktivieren kann. Der Schalter für die Kategorie Essenzielle ist immer aktiviert und deaktiviert.
Wenn ein Besucher nach dem vorherigen Speichern von Präferenzen zum Fenster zurückkehrt, spiegeln die Schalter den gespeicherten Zustand aus dem Cookie wpconsent_preferences wider.
Dienst-Schalter
Wenn Sie Dienste umschalten unter WPConsent >> Einstellungen aktivieren, erhält jeder Dienst innerhalb einer Kategorie sein eigenes verschachteltes Akkordeon und seinen eigenen Schalter.
Mit aktivierten Dienst-Schaltern:
- Jeder Dienst wird als verschachteltes Akkordeon innerhalb seiner übergeordneten Kategorie angezeigt.
- Dienste haben ihren eigenen Schalter, sodass ein Besucher 1 Analyse-Dienst akzeptieren, aber einen anderen ablehnen kann.
- Das Ein- oder Ausschalten einer Kategorie aktiviert oder deaktiviert auch alle Dienst-Schalter innerhalb dieser Kategorie.
- Wenn ein Besucher alle Dienst-Schalter in einer Kategorie deaktiviert, wird der übergeordnete Kategorie-Schalter automatisch deaktiviert.
- Wenn ein Besucher einen beliebigen Dienst-Schalter aktiviert, wird der übergeordnete Kategorie-Schalter automatisch aktiviert.
Dienste in der Kategorie Essenzielle werden als aktiviert und deaktiviert angezeigt, was dem Verhalten der Kategorie entspricht.
Wenn service-level Toggles deaktiviert sind, werden Dienste immer noch als verschachtelte Akkordeons angezeigt, die ihre Beschreibung und Cookies anzeigen, jedoch ohne einzelne Toggles. Die Zustimmung wird vollständig auf der Kategorieebene gesteuert.
Weitere Informationen zur Verwaltung von Diensten finden Sie im Artikel zur Verwaltung von Diensten.
Cookie-Tabellen
Innerhalb jedes Kategorie- oder Dienst-Akkordeons listet eine Cookie-Tabelle jedes Cookie auf, das mit dieser Gruppe verknüpft ist. Die Tabelle hat 3 Spalten:
| Spalte | Standard-Überschrift | Beschreibung |
|---|---|---|
| Name | Name | Der Name des Cookies. |
| Beschreibung | Beschreibung | Was der Cookie tut. |
| Dauer | Dauer | Wie lange der Cookie bestehen bleibt. Zeigt einen Strich an, wenn keine Dauer festgelegt ist. |
Sie können den Text der Spaltenüberschrift im Akkordeon Cookie-Tabellen-Überschriften auf der Registerkarte Inhalt von WPConsent >> Banner-Design ändern. Details finden Sie im Artikel zur Anpassung von Banner-Inhalten und -Texten.
Wenn für einen Dienst eine URL konfiguriert ist, zeigt das Panel einen Link an, der mit dem Text Dienst-URL-Label (Standard: Dienst-URL) beschriftet ist, gefolgt vom Domainnamen der URL. Der Link öffnet sich in einem neuen Tab.
Anpassen des Panel-Textes
Alle Textzeichenfolgen im Präferenz-Panel sind im WordPress-Adminbereich bearbeitbar. Navigieren Sie zu WPConsent >> Banner-Design und klicken Sie auf die Registerkarte Inhalt. Scrollen Sie dann nach unten zum Abschnitt Einstellungen für das Präferenz-Panel und erweitern Sie das Akkordeon Präferenz-Panel.
Die folgenden Felder sind verfügbar:
| Feld | Standardwert | Was es steuert |
|---|---|---|
| Titel des Präferenz-Panels | Cookie-Einstellungen | Die Überschrift am oberen Rand des Panels. |
| Beschreibung des Präferenz-Panels | Verwalten Sie Ihre Cookie-Präferenzen unten: | Der einleitende Absatz unter dem Titel. |
| Titel der Cookie-Richtlinie | Cookie-Richtlinie | Die Überschrift des Cookie-Richtlinien-Akkordeon-Elements. |
| Text der Cookie-Richtlinie | Weitere Informationen finden Sie in unserer {cookie_policy} und {privacy_policy}. | Der Text innerhalb des Cookie-Richtlinien-Akkordeons. Unterstützt Platzhalter {cookie_policy} und {privacy_policy}. |
| Text des Buttons zum Speichern von Präferenzen | Speichern und schließen | Die Beschriftung des Speicherbuttons am unteren Rand des Panels. |
| Text des Schließen-Buttons | Schließen | Die Beschriftung des Schließen-Buttons am unteren Rand des Panels. |
| Label für die Dienst-URL | Dienst-URL | Das 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 Präferenz-Panels
Es gibt 3 Möglichkeiten für Besucher, das Einstellungsfenster zu öffnen, nachdem sie das Zustimmungsbanner geschlossen haben.
Verwendung des schwebenden Zustimmungsbuttons
Der schwebende Zustimmungsbutton ist ein kleines Symbol, das nach dem Speichern der Zustimmung eines Besuchers in der Ecke jeder Seite erscheint. Ein Klick darauf öffnet das Einstellungsfenster. Um diesen Button zu aktivieren, schalten Sie die Option Einstellungen-Button anzeigen in WPConsent >> Einstellungen ein.
Wenn aktiviert, können Sie das Button-Symbol auf der Registerkarte Stil von WPConsent >> Banner-Design anpassen. Informationen zur Toggle-Einstellung finden Sie im Artikel zu allgemeinen Einstellungen. Informationen zu Icon-Optionen finden Sie im Artikel zu Banner-Styling.
Verwendung des Shortcodes
Platzieren Sie den Shortcode irgendwo in Ihrem Inhalt, um eine Präferenzschaltfläche hinzuzufügen. Der Shortcode rendert ein
Der Button erhält automatisch die CSS-Klasse wpconsent-open-preferences, die das Öffnen des Fensters auslöst.
Verwendung einer CSS-Klasse für jedes Element
Fügen Sie die CSS-Klasse wpconsent-open-preferences zu jedem Link, Button oder klickbaren Element auf Ihrer Seite hinzu. WPConsent lauscht auf Klicks auf Elemente mit dieser Klasse und öffnet automatisch das Einstellungsfenster.
Sie können beispielsweise einen Link in Ihrer Website-Fußzeile hinzufügen:
<a href="#" class="wpconsent-open-preferences">Cookie Settings</a>Oder einen Button in einem Widget hinzufügen:
<button class="wpconsent-open-preferences">Manage Cookies</button>Dies funktioniert mit jedem Element, überall auf der Seite. WPConsent verhindert die Standardaktion (sodass Links mit href="#" nicht nach oben scrollen) und öffnet das Einstellungsfenster.
Bewährte Praktiken
- Halten Sie Ihre Kategoriebeschreibungen klar. Schreiben Sie kurze, verständliche Beschreibungen, damit Besucher verstehen, was jede Kategorie tut.
- Aktivieren Sie Service-Level-Toggles für Transparenz. Wenn Ihre Website mehrere Dienste pro Kategorie verwendet, gibt die Aktivierung von Service-Level-Toggles den Besuchern eine feinere Kontrolle und schafft Vertrauen.
- Legen Sie immer eine Cookie-Richtlinien-Seite fest. Das Verlinken Ihrer Cookie-Richtlinie im Einstellungsfenster hilft Besuchern, detaillierte Informationen zu finden und stärkt Ihre Compliance-Position.
- Passen Sie Button-Beschriftungen für Ihre Zielgruppe an. Passen Sie die Sprache und den Ton Ihrer Website an. Wenn Ihre Zielgruppe eine formelle Sprache erwartet, passen Sie sie entsprechend an.
- Testen Sie das Fenster auf Mobilgeräten. Das Einstellungsfenster ist eine Vollbild-Überlagerung, stellen Sie also sicher, dass es auf kleineren Bildschirmen gut aussieht und funktioniert.
FAQ
Kann ich den Text im Einstellungsfenster ändern?
Ja. Navigieren Sie zu WPConsent >> Banner-Design >> Inhalt und erweitern Sie das Akkordeon Einstellungsfenster. Alle Textfelder sind dort bearbeitbar.
Wie kann ich Besuchern erlauben, das Einstellungsfenster erneut zu öffnen?
Es gibt 3 Optionen: Aktivieren Sie die schwebende Zustimmungs-Schaltfläche in WPConsent >> Einstellungen, verwenden Sie den Shortcode oder fügen Sie die CSS-Klasse wpconsent-open-preferences zu einem beliebigen HTML-Element hinzu.
Warum sehe ich eine bestimmte Cookie-Kategorie nicht im Fenster?
WPConsent blendet Kategorien aus, die keine Cookies und keine Dienste haben. Um eine Kategorie sichtbar zu machen, fügen Sie mindestens 1 Cookie oder Dienst hinzu. Die Kategorie Erforderlich ist die Ausnahme und wird immer angezeigt.
Können Besucher essenzielle Cookies deaktivieren?
Nein. Der Schalter für die Kategorie Essentiell ist immer aktiviert und deaktiviert. Besucher können essenzielle Cookies nicht ausschalten, da Ihre Website sie zum Funktionieren benötigt.
Was passiert, wenn ein Besucher seine Einstellungen ändert?
WPConsent löscht bestehende Cookies, für die keine Zustimmung mehr vorliegt, und lädt die Seite neu. Die neuen Einstellungen treten sofort in Kraft.
Wie aktiviere ich service-level Schalter?
Aktivieren Sie die Einstellung Dienste umschalten in WPConsent >> Einstellungen. Jeder Dienst erhält dann seinen eigenen Schalter innerhalb des Akkordeons seiner übergeordneten Kategorie.
Schlussfolgerung
Das Einstellungsfenster gibt Ihren Besuchern die volle Kontrolle über ihre Cookie-Zustimmung. Es zeigt Cookie-Kategorien, Dienste und einzelne Cookies in einem organisierten Akkordeon-Layout mit klaren Schaltern und Aktionsschaltflächen an. Sie können den gesamten Text des Fensters auf der Registerkarte Inhalt von WPConsent >> Banner-Design anpassen und Besuchern mehrere Möglichkeiten bieten, das Fenster jederzeit wieder zu öffnen.
Um zu erfahren, wie Sie den Text und die Platzhalter anpassen, die im gesamten Banner und im Einstellungsfenster verwendet werden, lesen Sie den Artikel über Anpassung von Bannerinhalt und Text.