Ihr Cookie-Banner ist oft der erste Touchpoint, den Besucher mit den Datenschutzstandards Ihrer Marke haben. Mit QookieQloud™ können Sie das Aussehen, die Sprache und das Verhalten einfach an Ihr Website-Design anpassen und gleichzeitig die strikte Einhaltung der Vorschriften gewährleisten.
Wo zu personalisieren
In Ihrem Domain-Dashboard wählen Sie Ihre Domain aus und klicken Anpassen im Seitennavigationsmenü. Sie erhalten den interaktiven Live-Customizer mit Echtzeit-Vorschau.
Wählen Sie zuerst eine Domain. Unter Anpassen finden Sie Bannerdesign, Einwilligungsmodus und Dienste. Unter Einstellungen → Verbindung finden Sie API v1, den API v2 Site Key, Installationscode und verbundene Integrationen. Unter Einstellungen → Benachrichtigungen können Sie monatliche Auditberichte aktivieren und Aktivitätserinnerungen pausieren.
Was Sie anpassen können
Bannerlayout
Wählen Sie Classic (zentrierter Dialog), Classic Minimal, eine schwebende Karte unten, ein schmales Seitenbanner (links oder rechts) oder WideBanner. Verwalten Sie den DSR-Reiter mit Premium unter Einstellungen → Datenschutzanfragen. DSR-Felder konfigurieren →
Qookie Eyes Widget
Positionieren Sie das Symbol für persistente Einstellungen links, rechts oder verstecken Sie es, um einen benutzerdefinierten Fußzeilenlink zu verwenden1.
Farben & Kontrast
Holen Sie einen Palettenvorschlag von Ihrer Website oder wählen Sie Farben manuell. Prüfen Sie helle und dunkle Varianten sowie die Live-Kontrastwerte vor dem Speichern. Die automatische Farbabstimmung mit der Website erfordert Premium oder höher. Standard bietet weiterhin manuelle Farbwahl.
Copy & Sprachen
Bearbeiten Sie den Einleitungstext unter Layout. Im Free-Tarif wählen Sie die Bannersprache im Reiter Sprache. Farben, Logo und verfügbare Anpassungen hängen vom Tarif ab.
Farben Ihrer Website übernehmen
Die automatische Farbabstimmung mit der Website erfordert Premium oder höher. Standard bietet weiterhin manuelle Farbwahl. Mit einem Tarif, der Farbanpassung unterstützt, kann QookieQloud eine vollständige Bannerpalette aus der gewählten Domain vorschlagen. Die Funktion liest sichtbare Farben sowie erkennbare Marken- und Akzentfarben aus dem Webdesign. Jede Farbe bleibt manuell anpassbar.
- Öffnen Sie Customize → Farben und wählen Sie das helle oder dunkle Design.
- Klicken Sie im Kartenkopf vor Speichern auf Website-Farben ermitteln.
- Prüfen Sie den Vorschlag in der Bannervorschau. Wählen Sie Farben übernehmen oder Meine Farben wiederherstellen, um zu Ihren bisherigen Werten zurückzukehren.
- Passen Sie die Farben an, prüfen Sie die Kontraste und klicken Sie auf Speichern, um die Änderungen zu veröffentlichen.
Holen Sie die Farben für jedes Design separat. Ohne dunkles Website-Design können beide Vorschläge ähnlich ausfallen. Der Abruf speichert nichts. Kontrastanpassungen unterstützen die Lesbarkeit; prüfen Sie das Ergebnis auch auf Ihrer Website.
Sechs Bannerlayouts zur Auswahl
Alle sechs finden Sie unter Anpassen → Layout. Hier sehen Sie ihre Position und die wichtigsten Unterschiede.
Classic – Dialog in der Mitte
Zentrierter Dialog mit sofort sichtbaren Cookie-Kategorien.
Classic Minimal
Zentrierter Dialog mit Text und Schaltflächen zuerst. Die Kategorien öffnen sich über Anpassen.
Schmales Banner – links
Ein schmales Banner in der unteren linken Ecke.
Schmales Banner – rechts
Ein schmales Banner in der unteren rechten Ecke.
Schwebend am unteren Rand
Eine freistehende Karte nahe dem unteren Seitenrand.
Volle Breite am unteren Rand
Ein Banner über die gesamte Breite am unteren Seitenrand.
Classic oder Classic Minimal?
Classic zeigt die Cookie-Kategorien bereits im ersten Dialog. Classic Minimal verwendet dasselbe Dialogdesign, beginnt aber mit Beschreibung und Schaltflächen. Besucher öffnen die Kategorieauswahl über die Schaltfläche zum Anpassen. Akzeptieren und Ablehnen sind schon in der ersten Ansicht verfügbar.
Ihr Bannerlayout einrichten
- Öffnen Sie Ihre Domain und wählen Sie Anpassen → Layout. Wählen Sie das passende Layout für Ihre Website.
- Unter Stil wählen Sie die Eckenradien für Dialog und Schaltflächen über durchsuchbare Pixelauswahllisten. Passen Sie den Schatten an und wählen Sie kompakte, komfortable oder großzügige Abstände. Mit den Zurücksetzen-Aktionen stellen Sie die Standardwerte des gewählten Layouts wieder her.
- Ergänzen Sie bei Bedarf einen Einleitungstext sowie Links zur Datenschutzerklärung und zu den Nutzungsbedingungen. Farben und helle/dunkle Varianten finden Sie unter Farben, Ihr Logo unter Logo, sofern Ihr Tarif dies unterstützt.
- Öffnen Sie die Vorschau, testen Sie die Kategorieauswahl und beide Farbvarianten und klicken Sie auf Speichern. Prüfen Sie das Banner anschließend auf Ihrer Website in Desktop- und Mobilbreite.
Classic Minimal ändert die erste Banneransicht. Besucher können ihre Einwilligungseinstellungen weiterhin über Qookie Eyes oder Ihren eigenen Einstellungslink öffnen. Unter Details werden Cookies nach Kategorie und Plattform oder Domain mit verfügbaren Beschreibungen, Speicherdauern und Anbieterinformationen aufgeführt. Fehlende Katalogangaben werden nicht automatisch ergänzt.
Wenn Sie sich dafür entscheiden, das schwimmende Qookie Eyes-Symbol auszublenden, können Sie Benutzern direkte Verknüpfungen bereitstellen. Fügen Sie einfach die folgenden CSS-Klassen zu beliebigen Links oder Buttons in Ihrer Fußzeile hinzu:
class="qookieqloud-settings-panel"– öffnet die Cookie-Einstellungen.class="qookieqloud-dsr-panel"– öffnet direkt den DSR-Reiter (Datenschutzrechte).
Videodemonstration
Sehen Sie, wie einfach es ist, Layouts anzupassen, den Farbkontrast mit den WCAG-Richtlinien zu testen und Vorschauänderungen live vorzunehmen:
Das Video zeigt möglicherweise eine ältere Version von Customize. Folgen Sie für Classic Minimal und die aktuellen Stileinstellungen den Schritten oben.
