BerryCookie ist ein Consent Management Tool (CMP) für Cookies, das wir für unsere eigenen Websites entwickelt haben und das jetzt jeder nutzen kann. Du fügst eine einzige Zeile Code in die Seite ein, und BerryCookie zeigt das Banner an, blockiert Tracker, bis der Besucher eine Auswahl trifft, und speichert den Nachweis der Wahl. Du kannst mit dem kostenlosen Plan beginnen.

Warum haben wir noch ein Cookie-Banner gemacht

Ich habe mehrere Websites und alle benötigen dasselbe: ein Cookie-Banner, das die GDPR einhält, ohne die Seiten zu verlangsamen. Große Lösungen wie Cookiebot erledigen ihren Job, aber du zahlst für jede Domain und bekommst viel mehr, als du brauchst. Viele kostenlose Varianten hingegen zeigen nur eine Nachricht an. Analytics-Skripte laufen sowieso, egal was der Besucher drückt. Ein Banner, das nichts blockiert, hilft dir bei einer Kontrolle nicht weiter.

Ich habe es von Grund auf neu geschrieben, mit drei Regeln: es soll klein sein, es soll wirklich blockieren und es soll auf jeder Website funktionieren, unabhängig von der verwendeten Technologie.

Wie man es installiert

Das Skript muss zuerst in <head> eingefügt werden, vor jedem Tracker:

<script id="BerryCookie" src="https://cdn.berrycookie.com/bc.js" data-key="DEIN-SITE-SCHLÜSSEL" data-blockingmode="auto"></script>

Den Schlüssel findest du im BerryCookie-Dashboard, nachdem du die Website hinzugefügt hast. Für WordPress gibt es ein Plugin, und für Google Tag Manager eine Vorlage.

Was es konkret macht

Blockiert Tracker bis zur Zustimmung

Im automatischen Modus erkennt BerryCookie bekannte Tracker wie Facebook, LinkedIn, TikTok, Hotjar oder Microsoft Clarity und lässt sie nicht laufen, bis der Besucher die entsprechende Kategorie akzeptiert. Es funktioniert auch für Skripte, die von anderen Skripten in die Seite eingefügt werden, nicht nur für die, die direkt in HTML geschrieben sind.

Du markierst deine Skripte und iframes mit einer Kategorie, zum Beispiel Statistiken oder Marketing, und sie starten erst nach Zustimmung. Ein in den Artikel eingebettetes YouTube-Video wird erst geladen, nachdem der Besucher die Marketing-Cookies akzeptiert hat.

Google Consent Mode v2

Google-Tags werden nicht blockiert. Sie erhalten die Signale des Google Consent Mode v2: standardmäßig wird alles abgelehnt, und nach der Entscheidung wird das Update gesendet. Google Analytics und Google Ads funktionieren genau so viel, wie die Wahl des Besuchers es zulässt, und im Google Tag Manager erhältst du ein separates Ereignis, mit dem du Trigger erstellen kannst.

Regeln nach Regionen

Nicht alle Besucher haben die gleichen Rechte. Für die Europäische Union verlangt das Banner die Zustimmung, bevor etwas gestartet wird (Opt-in). Für andere Regionen kannst du Opt-out wählen, wo alles läuft und der Besucher ablehnen kann, oder du kannst das Banner ganz weglassen. Die Regeln legst du im Dashboard fest, je nach Region des Besuchers.

Cookie-Liste und Präferenzzentrum

Der Besucher sieht die Kategorien, jede mit ihrem eigenen Schalter, und die Cookies aus jeder Kategorie. Die Cookies deklarierst du im Dashboard, und die monatliche Scans zeigen dir, was tatsächlich auf der Website gefunden wurde, damit nichts undeclared bleibt. Nachdem er gewählt hat, erscheint ein kleiner runder Button, mit dem er seine Entscheidung jederzeit ändern kann. Wenn der Button etwas auf der Seite überdeckt, kann er verschoben werden.

Protokoll der Zustimmungen

Jede Entscheidung wird aufgezeichnet: welche Kategorien akzeptiert wurden und wann. Wenn du jemals einen Nachweis benötigst, dass ein Besucher zugestimmt hat, hast du ihn im Protokoll.

Klein, damit es deine Website nicht verlangsamt

Das Hauptskript hat etwa 7,5 kB komprimiert und hängt von keiner anderen Bibliothek ab. Das Präferenzfenster wird separat geladen, nachdem das Banner bereits auf dem Bildschirm ist, sodass die erste Anzeige nicht wartet. Die Wahl des Besuchers bleibt in einem First-Party-Cookie, auf deiner Domain.

Was kein Banner tun kann

Eine Sache, die ich beim Testen im Browser gelernt habe und die wenige sagen: die automatische Blockierung stoppt Tracker davon, auszuführen, aber ein <script src>, das direkt in HTML geschrieben ist, kann trotzdem heruntergeladen werden, bevor irgendein JavaScript ausgeführt wird. Der Browser liest die Seite im Voraus und startet die Downloads früh. Wenn du nicht einmal diese Anfrage senden möchtest, markiere das Tag mit type="text/plain" und einer Kategorie. So lädt der Browser es überhaupt nicht bis zur Zustimmung.

Das kommt auch von einer anderen Regel: Wenn der Besucher seine Zustimmung für eine Kategorie zurückzieht, wird die Seite neu geladen. Ein Skript, das bereits läuft, kann nicht von außen gestoppt werden, und das Neuladen ist die einzige richtige Option.

Und noch etwas, um es klarzustellen: BerryCookie hilft dir, die Regeln für Cookies einzuhalten, aber es schreibt dir nicht die Datenschutzrichtlinie und ersetzt nicht den Platz eines Anwalts.

Wenn du von Cookiebot kommst

BerryCookie versteht auch das Attribut data-cookieconsent, das von Cookiebot verwendet wird. Wenn du bereits die Skripte für Cookiebot markiert hast, änderst du die Zeile in <head>, und die bestehenden Markierungen funktionieren weiter.

Pläne

Du kannst kostenlos beginnen. Die kostenpflichtigen Pläne, Pro, Business und Agency, sind für größere Websites und für Agenturen, die mehrere Kunden verwalten. Unter anderem bieten sie Unterstützung für IAB TCF v2.2, den Standard, der von vielen Werbenetzwerken gefordert wird. Details und Preise findest du auf berrycookie.com.

Warum ich darüber auf Genstackcore schreibe

Genstackcore ist der Ort, an dem ich erzähle, was ich baue, und BerryCookie ist eines meiner Projekte. Mehr über den Blog findest du hier. Ich werde mit Artikeln zurückkommen, die erklären, wie es von innen funktioniert, von der Blockierung von Skripten bis zu Tests im Browser. Wenn du es ausprobierst und etwas nicht so funktioniert, wie du es erwartest, schreib mir über die Kontaktseite.