Zum Hauptinhalt springen
Werkzeu.ge
Dashboard
HinweisBaut einen Cookie-Banner-Entwurf nach TDDDG (früher TTDSG) und DSGVO als Ausgangspunkt. Welche Einwilligung du wirklich brauchst, hängt von deinen Diensten ab - ersetzt keine Rechtsberatung. Keine rechtsverbindliche Auskunft.
PlusRechtsdokumente

DSGVO Cookie-Banner

Ein Cookie-Banner ohne Dark Patterns ist erstaunlich schwer zu finden. Aus 10 Mustern entsteht ein anpassbarer Consent-Banner als HTML-, CSS- und JavaScript-Code, mit Live-Vorschau und technischem Abgleich ausgewählter Vorgaben aus TDDDG § 25, DSGVO Art. 7 und dem Planet49-Urteil. Ablehnen ist in den Mustern genauso leicht wie Zustimmen. Deine Kategorien, Skripte und Rechtsgrundlagen musst du vor dem Einsatz prüfen. Diese Seite ist eine Vorschau mit Beispiel und Erklärung; die eigentliche Erstellen öffnest du nach der Anmeldung mit Plus.

Ein Blick hinein

DSGVO Cookie-BannerPlus
DSGVO Cookie-Banner: Bildschirmfoto des Werkzeugs mit Beispieldaten
Vorschau mit Beispieldaten. Die Bedienung geht nach der Anmeldung.

Diese sichere Vorschau zeigt, wofür das Werkzeug da ist, ohne kontogebundene Aktionen auszuführen.

Was DSGVO Cookie-Banner kann

Cookie-Banner sind der Ort, an dem Datenschutzrecht auf Design trifft - und meistens verlieren beide. Entweder ist das Banner rechtlich angreifbar, weil Ablehnen versteckt oder Zustimmung vorangekreuzt ist, oder es sieht aus wie ein Erpresserbrief. Dieser Generator zielt auf den schmalen Grat dazwischen: ein Banner, das echte, informierte Einwilligung einholt und dabei fair gestaltet ist.

Du bekommst fertigen Code, kein SaaS-Abo. HTML, CSS und JavaScript, das du kopierst und in deine Seite einbaust - keine externen Skripte, kein Vendor-Lock-in, keine monatliche Gebühr für ein Banner, das nur ein paar Zeilen Code ist. Der Analytics-Snippet wird so eingebunden, dass Tracking erst nach aktiver Zustimmung lädt, nicht vorher.

Zehn Vorlagen decken die gängigen Formate ab: Bottom-Bar, Top-Bar, zentrales Modal, dezentes Corner-Widget. Farben, Position und Kategorien passt du an, sodass das Banner zu deinem Design passt, ohne dass du CSS von Hand schreiben musst. Die Live-Vorschau zeigt sofort, wie es auf deiner Seite wirkt.

Die technischen Prüfpunkte sind eine Prüfhilfe, kein Zertifikat. Sie lesen den erzeugten Code zurück: Haben Ablehnen und Zustimmen dieselbe Gestaltung? Sind die Buttons gut lesbar? Gibt es keine vorangekreuzten Kästchen, wie es das Planet49-Urteil des EuGH verlangt? Wird Einwilligung aktiv eingeholt und nicht durch Weiterscrollen unterstellt? Was noch fehlt, steht klar unter "Diese fehlen noch".

Die rechtliche Grundlage ist konkret: TDDDG § 25 verlangt Einwilligung für nicht notwendige Cookies, DSGVO Art. 7 definiert, wie eine wirksame Einwilligung aussieht, und das Planet49-Urteil hat klargestellt, dass vorangekreuzte Kästchen keine Zustimmung sind. Der Generator setzt diese Vorgaben in Code um, damit du sie nicht selbst nachbauen musst.

Ehrlich bleibt: Ein sauber gebautes Banner ist die technische Voraussetzung, aber es entbindet dich nicht davon, deine Cookies korrekt zu kategorisieren und in einer Cookie-Richtlinie zu erklären. Der Banner-Generator, der Cookie-Richtlinie Generator und die Datenschutzerklärung greifen ineinander. Und wie immer: kein Ersatz für Rechtsberatung, wohl aber ein solider, dark-pattern-freier Start.

Funktionen

Fertiger HTML/CSS/JS-Code

Kopieren und einbauen, kein externes Skript, kein Abo. Der Banner gehört dir und läuft ohne Fremddienst.

10 Vorlagen

Bottom-Bar, Top-Bar, Modal oder Corner-Widget - der passende Ausgangspunkt für dein Layout.

Live-Vorschau

Farben, Position und Text ändern und sofort sehen, wie das Banner aussieht, bevor du den Code kopierst.

Technische Prüfpunkte

Eine Prüfhilfe entlang TDDDG § 25, DSGVO Art. 7 und Planet49: gleich gestaltetes Ablehnen, keine vorangekreuzten Kästchen. Keine rechtliche Bewertung.

Ablehnen so leicht wie Zustimmen

Beide Buttons auf der ersten Ebene bekommen dieselbe Füllung, Größe und Schriftfarbe. Fair gestaltet und an der aktuellen Rechtsprechung orientiert.

Tracking erst nach Consent

Der Analytics-Snippet lädt erst nach aktiver Zustimmung, nicht vorher - genau so verlangt es das Gesetz.

Anpassbare Kategorien

Notwendig, funktional, Statistik und Marketing - Nutzer stimmen gezielt zu, statt alles oder nichts.

So funktioniert es

  1. 1

    Vorlage wählen

    Entscheide dich für Bottom-Bar, Modal oder Corner-Widget - je nachdem, wie präsent das Banner sein soll.

  2. 2

    Anpassen

    Farben, Texte und Kategorien einstellen. Die Live-Vorschau zeigt jede Änderung sofort.

  3. 3

    Prüfpunkte ansehen

    Schau dir an, welche Punkte noch fehlen, und ergänze sie - etwa den Link zur Datenschutzerklärung oder einen zu kurzen Banner-Text.

  4. 4

    Code kopieren

    HTML, CSS und JS kopieren und in deine Seite einbauen. Deinen Analytics-Snippet trägst du an der vorgesehenen Stelle ein.

Wer das braucht

→Entwickler, die einen sauberen Consent-Banner ohne externes Skript brauchen.
→Kleine Unternehmen, die kein monatliches Consent-Abo zahlen wollen.
→Agenturen, die einen prüfbaren technischen Ausgangspunkt für Kundenseiten brauchen.
→Blogger und Selbstständige mit Analytics, die Tracking sauber an die Zustimmung koppeln wollen.
→Alle, die ein bestehendes Banner auf Dark Patterns prüfen und ersetzen wollen.

Häufige Fragen

Muss der Ablehnen-Button wirklich gleichwertig sein?

Ja. Aufsichtsbehörden und Gerichte verlangen zunehmend, dass Ablehnen genauso leicht und sichtbar ist wie Zustimmen. Ein prominenter Akzeptieren-Button neben einem versteckten Link zum Ablehnen gilt als unzulässiges Dark Pattern. Der Generator gibt beiden Buttons dieselbe Gestaltung, und die Prüfpunkte vergleichen das im erzeugten Code.

Was war das Planet49-Urteil?

Der Europäische Gerichtshof hat im Planet49-Fall (C-673/17, 2019) entschieden, dass ein vorangekreuztes Kästchen keine wirksame Einwilligung in Cookies darstellt; der Bundesgerichtshof ist dem 2020 gefolgt. Einwilligung muss aktiv erfolgen. Der Generator baut deshalb keine vorausgewählten Zustimmungen ein - Nutzer müssen selbst klicken.

Brauche ich zusätzlich eine Cookie-Richtlinie?

Ja. Der Banner holt die Einwilligung ein, aber die vollständige Auflistung deiner Cookies mit Name, Anbieter und Speicherdauer gehört in eine Cookie-Richtlinie, auf die der Banner verlinkt. Dafür gibt es den Cookie-Richtlinie Generator, der zum Banner passt.

Lädt mein Analytics wirklich erst nach der Zustimmung?

Der generierte Code ist so aufgebaut, dass dein Tracking-Snippet erst nach aktiver Zustimmung ausgeführt wird. Du trägst deinen Snippet an der vorgesehenen Stelle ein - vorher setzt der Banner nur technisch notwendige Cookies, die keine Einwilligung brauchen.

Zahle ich monatlich für den Banner?

Nein. Du bekommst fertigen Code, den du einmal einbaust. Es gibt keine externen Skripte und keine laufenden Gebühren - im Gegensatz zu vielen Consent-Diensten, die für ein paar Zeilen Code ein Abo verlangen.

Muss ich den Banner vor dem Einsatz prüfen?

Ja. Der Generator bildet ausgewählte technische Vorgaben aus TDDDG § 25, DSGVO Art. 7 und dem Planet49-Urteil ab. Ob der Banner zu deinem Einsatz passt, hängt zusätzlich von deinen Diensten, Kategorien, Skripten, Rechtsgrundlagen und Informationen ab. Der Code ist ein prüfbarer Ausgangspunkt und ersetzt keine Rechtsberatung.

Cookie-Richtlinie Generator

Erstelle eine Cookie-Richtlinie orientiert an TDDDG § 25, DSGVO Art. 6/7 und ePrivacy-Richtli…

Datenschutzerklärung Generator

Erstelle einen anpassbaren Entwurf für deine Website mit 10+ Vorlagen, 20+ Drittanbieter-Dien…

Impressum Generator

Erstelle ein Impressum mit allen Pflichtangaben nach § 5 DDG für deine Website. Alle Rechtsfo…

DSFA Quick-Check

Prüfe, ob eine DSFA nach Art. 35 DSGVO erforderlich ist. Kurzer Fragebogen, klares Ergebnis.

AVV-Generator

Erstelle einen anpassbaren AVV-Entwurf mit Bausteinen zu Art. 28 DSGVO, 9 TOM-Kategorien, 8 V…

AGB Generator

Erstelle nach deutschem Recht strukturierte AGB für Onlineshops, Dienstleister, SaaS, Handwer…

Bereit für DSGVO Cookie-Banner?

Keine Installation. Enthalten ab Plus. Direkt im Browser öffnen.

Jetzt öffnen