Kostenlos startenDashboard
Dokumentation

Cookies und die Cookie-Liste

Die Cookie-Liste zeigt Besuchern, wozu sie zustimmen. Diese Seite erklärt, wo die Liste erscheint, wie Sie sie vollständig halten und was Cookiemark auf dem Gerät des Besuchers speichert.

Wofür die Liste da ist

Jede Website in Cookiemark hat eine Liste der Cookies, die sie setzt. Jedes Cookie hat eine Kategorie, einen Anbieter, einen Zweck und eine Speicherdauer. Sie finden die Liste im Tab Cookies der Website. Die Liste erfüllt zwei Aufgaben.

  • Sie informiert den Besucher. Im Präferenzen-Fenster zeigt jede Kategorie die Zahl der Cookies darin. Ein Besucher kann diese Zeile aufklappen und lesen, was jedes Cookie tut. Diese Zeilen können Sie mit Cookies in den Präferenzen anzeigen im Tab Design ausblenden.
  • Sie räumt nach einem Widerruf auf. Schaltet ein Besucher eine Kategorie ab, entfernt Cookiemark die Cookies dieser Kategorie, die in der Liste stehen. Ein Stern in einem Namen passt auf alles, daher deckt _ga_* jedes Cookie ab, das mit _ga_ beginnt.

Die Liste entscheidet nicht, was blockiert wird. Das Blockieren wirkt auf Skripte und Frames, wie Skripte und Einbettungen blockieren erklärt.

Die Liste füllen

Aus einem Scan

Am schnellsten geht es mit einem Scan. Er besucht Ihre Seiten, sammelt jedes Cookie, das er findet, und schlägt für jedes erkannte Cookie eine Kategorie, einen Anbieter und einen Zweck vor. Haken Sie die gewünschten Cookies an und übernehmen Sie sie in einem Schritt in die Liste.

Aus einem Dienst

Klicken Sie auf Aus einem Dienst hinzufügen und wählen Sie einen der 73 Dienste, für die wir Cookie-Angaben pflegen, etwa Google Analytics oder das Meta-Pixel. Cookiemark fügt die Cookies hinzu, die dieser Dienst setzt, mit einer Beschreibung, die für Besucher geschrieben ist.

Von Hand

Klicken Sie auf Cookie hinzufügen und füllen Sie fünf Felder aus: Name, Kategorie, Anbieter, Zweck und Speicherdauer. Schreiben Sie den Zweck für einen Besucher, nicht für einen Entwickler. „Zählt, wie viele Personen jede Seite besuchen“ sagt mehr als „GA4 client identifier“.

Änderungen an der Liste gehen wie jede andere Änderung live, wenn Sie veröffentlichen.

Cookiemark setzt ein Cookie, cookiemark_consent. Es enthält die Auswahl des Besuchers, eine zufällige Einwilligungs-ID und den Zeitpunkt der Auswahl. Es ist notwendig, weil sich die Website ohne dieses Cookie keine Ablehnung merken kann, und es steht immer ganz oben in Ihrer Liste.

Das Cookie gilt so lange, wie Sie es unter Regionen, Erneut fragen nach einstellen: 6, 12 oder 13 Monate. Standard sind sechs Monate. Wenn es abläuft, fragt das Banner erneut.

Das Cookie liegt auf Ihrer eigenen Domain. Cookiemark setzt keine Cookies auf seiner eigenen Domain und keine zum Tracking. Manche Besucher befinden sich außerhalb der Länder, in denen Sie das Banner zeigen. Für sie merkt sich das Skript diese Antwort im Session Storage des Browser-Tabs, nicht in einem Cookie.

Cookiemark erstellt Ihre Cookie-Richtlinie aus der Cookie-Liste, siehe Dokumente. Stellen Sie sie auf eine Seite Ihrer eigenen Website und tragen Sie deren Adresse unter Einstellungen, Links und Verhalten ein. Das Banner und das Präferenzen-Fenster verlinken dann darauf. Tragen Sie in das Feld daneben die Adresse Ihrer Datenschutzerklärung ein, dann verlinken sie auch auf diese Seite.

Bieten Sie Besuchern auf dieser Seite oder in Ihrem Footer die Möglichkeit, ihre Auswahl wieder aufzurufen. Ein Link auf #cookiemark-preferences öffnet das Präferenzen-Fenster.

<a href="#cookiemark-preferences">Cookie settings</a>

Die kleine Schaltfläche in der Ecke der Seite tut dasselbe. Sie schalten sie unter Design, Schaltfläche zum erneuten Öffnen ein oder aus.

Safari und die Sieben-Tage-Grenze

Safari behält ein Cookie, das ein Skript schreibt, höchstens sieben Tage. Danach sehen Safari-Besucher das Banner erneut, egal wie lange das Cookie laut Ihrer Einstellung gelten soll. Ein Cookie, das Ihr eigener Server setzt, ist nicht auf diese Weise begrenzt.

Damit die Auswahl für die volle Dauer erhalten bleibt, geben Sie Cookiemark einen Pfad auf Ihrer eigenen Website, der das Cookie setzt. Tragen Sie ihn unter Einstellungen, Cookie vom eigenen Server setzen ein, zum Beispiel /cookie.php. Nach jeder Auswahl sendet das Skript eine POST-Anfrage mit der Auswahl als JSON an diesen Pfad. Ihr Server antwortet, indem er cookiemark_consent mit demselben Inhalt setzt.

<?php
// cookie.php on your own site: stores the Cookiemark choice as a first-party cookie.
$data = json_decode(file_get_contents('php://input'), true);
if (!is_array($data) || !isset($data['v'], $data['id'], $data['ts'])) {
    http_response_code(400);
    exit;
}
$choice = [
    'necessary'   => true,
    'preferences' => ($data['preferences'] ?? false) === true,
    'statistics'  => ($data['statistics'] ?? false) === true,
    'marketing'   => ($data['marketing'] ?? false) === true,
    'v'           => (int) $data['v'],
    'id'          => preg_replace('/[^0-9a-f-]/i', '', (string) $data['id']),
    'ts'          => (int) $data['ts'],
];
setcookie('cookiemark_consent', json_encode($choice), [
    'expires'  => time() + 182 * 86400, // the same period as "Ask again after"
    'path'     => '/',
    'secure'   => true,
    'httponly' => false, // the Cookiemark script has to read it
    'samesite' => 'Lax',
]);
http_response_code(204);

Drei Details sind wichtig. Das Cookie darf nicht HttpOnly sein, weil das Skript es liest. Sein Wert muss das URL-kodierte JSON der Auswahl sein; das Kodieren erledigt PHP für Sie. Und das Ablaufdatum sollte zu Erneut fragen nach passen. Testen Sie es nach dem Veröffentlichen in Safari und betrachten Sie das Beispiel oben als Ausgangspunkt, nicht als fertigen Code.

Die Liste auf Ihrer Seite mit der Cookie-Richtlinie

Ihre Cookie-Richtlinie muss Besuchern sagen, welche Cookies Ihre Website verwendet. Fügen Sie diese Zeile auf dieser Seite dort ein, wo die Liste stehen soll:

<div data-cookiemark-declaration></div>

Unter WordPress mit unserem Plugin verwenden Sie stattdessen den Shortcode [cookiemark_declaration]. Er kennt dieselben Optionen als Attribute, etwa [cookiemark_declaration category="marketing"] oder text="false". Für einen Link in Ihrem Footer, der die Cookie-Einstellungen öffnet, verwenden Sie [cookiemark_settings].

Das Skript füllt sie mit einer kurzen Erklärung zu Cookies und zur Rechtsgrundlage jeder Art, der aktuellen Auswahl des Besuchers mit seiner Einwilligungs-ID und dem Datum sowie der Domain, für die diese Auswahl gilt. Über Schaltflächen kann der Besucher sie ändern oder widerrufen. Danach folgt eine Tabelle pro Kategorie mit der Zahl der Cookies darin und für jedes Cookie Name, Anbieter, Zweck, Ablauf und Typ: ein HTTP-Cookie, Local Storage, Session Storage oder ein Pixel. Die Liste verwendet die Sprache des Besuchers und Ihre eigenen Texte für die Kategorien und vermerkt, wann sie zuletzt veröffentlicht wurde.

Den Typ jedes Cookies legen Sie in seinem Bearbeitungsbereich im Tab Cookies fest. Cookies aus einem Scan sind HTTP-Cookies. Unsere eigene Cookie-Richtlinie verwendet diese Liste, dort können Sie sie also in Aktion sehen.

Weil die Liste aus dem stammt, was Sie veröffentlichen, hinkt sie Ihrem Banner nie hinterher. Zwei Attribute ändern, was sie zeigt:

AttributBeschreibung
data-text="false"Nur die Auswahl und die Tabellen, ohne die Erklärung, für eine Seite, auf der Sie die Erklärung selbst schreiben.
data-status="false"Lässt die Auswahl des Besuchers und die Schaltflächen weg.
data-category="marketing"Nur eine Kategorie: necessary, preferences, statistics oder marketing.

Auf einer Seite, die das Element erst nach dem Laden hinzufügt, rufen Sie Cookiemark.renderDeclaration() auf, sobald es vorhanden ist.