Dokumentationsmenü
Banner und Erklärung
Das CookieHug-Banner konfigurieren: Einwilligungsmodell, Ansicht nach der Einwilligung, Link zu den Cookie-Einstellungen, eigene Oberfläche und die Cookie-Erklärung.
Banner anpassen
Konfiguration im Dashboard
Das Erscheinungsbild des Banners ist vollständig über das CookieHug-Dashboard konfigurierbar: Farben (Hintergrund, Text, Schaltflächen), Position (unten, oben, zentriertes Modal), Texte und Beschreibungen, Schrifteinstellungen und Logo.
Einwilligungsmodell (Opt-in / Opt-out / Notice-only)
Unter Domain → Erweitert → Einwilligungsrichtlinie legen Sie fest, wie das Banner einen Besucher behandelt, der noch nicht entschieden hat:
| Modell | Verhalten vor der Entscheidung |
|---|---|
| Opt-in (Standard) | Ohne Einwilligung läuft nichts: nicht notwendige Skripte bleiben blockiert und alle Signale des Google Consent Mode starten auf denied. Das richtige Modell für den EWR (DSGVO). |
| Opt-out | Die Einwilligung wird vorausgesetzt: Signale starten auf granted und Skripte laufen, der Besucher kann aber jederzeit widersprechen. Für Märkte, in denen das Recht es erlaubt (z. B. Teile der USA). |
| Notice-only | Das Banner informiert nur — es gibt keine Wahl, und es werden ausschließlich notwendige Cookies verwendet. Die Entscheidung wird mit method: "notice_only" im Einwilligungs-Cookie gespeichert. |
Das Modell bestimmt den Ausgangszustand der Kategorieschalter, die im Banner gezeigten Schaltflächen und die Standardwerte des Google Consent Mode. Mit regionalen Regeln (Geo-IP) können Sie in Europa bei Opt-in bleiben und in anderen Weltregionen Opt-out oder Notice-only ausspielen.
Banner-Ansicht nach der Einwilligung
Domain → Erweitert → Einwilligungsrichtlinie → Banner-Ansicht nach der Einwilligung steuert, was ein Besucher mit gespeicherter Entscheidung sieht, wenn das Banner erneut geöffnet wird:
- Zusammenfassung (Standard, empfohlen für Art. 7 Abs. 3 DSGVO) — zeigt Einwilligungs-ID, Datum und Kategoriestatus mit zwei Schaltflächen: Einwilligung widerrufen / Einwilligung ändern. Der Widerruf muss so einfach sein wie die Einwilligung — diese Ansicht macht ihn zu einem einzigen Klick.
- Editor — beim erneuten Öffnen erscheint direkt der Kategorie-Editor (der klassische Ablauf).
- Keine — das Banner öffnet sich nie von selbst; Besucher erreichen es über das schwebende Symbol oder einen
CookieHug.show()-Aufruf.
Eigene Einwilligungsoberfläche
Bauen Sie mit submitCustomConsent() Ihre eigene Oberfläche:
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Cookie-Erklärung
Erklärung einbetten
Um eine Tabelle mit der Cookie-Erklärung auf Ihrer Website anzuzeigen (z. B. auf der Seite „Cookie-Richtlinie“), fügen Sie ein <div> mit der id cookiehug-declaration ein:
<div id="cookiehug-declaration"></div>CookieHug füllt dieses Element automatisch mit einer nach Kategorien sortierten Tabelle aller auf Ihrer Domain gefundenen Cookies.
Automatisches Scannen
CookieHug scannt Ihre Website regelmäßig und kategorisiert die Cookies automatisch. Einen Scan können Sie auch jederzeit manuell aus dem Dashboard starten.
Cookies manuell verwalten
Im CookieHug-Dashboard können Sie: Cookies manuell hinzufügen, Beschreibungen und Kategorien bearbeiten, Angaben zur Gültigkeitsdauer setzen und Cookies Kategorien zuordnen (notwendig, Präferenzen, Statistik, Marketing).