🍪

Cookie-Zustimmungsgenerator

Ein Cookie-Banner-Generator schreibt das Banner-Markup für Sie. Legen Sie links Position, Farben, Text und Cookie-Laufzeit fest, prüfen Sie die Live-Vorschau und kopieren Sie das Ergebnis in einem von drei Formaten: als Script-Tag mit 1.014 Zeichen, als eigenständigen Inline-HTML-Block mit 1.810 Zeichen oder als WordPress-Snippet mit 1.123 Zeichen für die functions.php.

Layout

Colors

Content

Features

Live Preview

Your Website Content

Generierter Code

GDPR & CCPA Compliance

  • ✅ Explicit consent before setting non-essential cookies
  • ✅ Option to decline or manage cookie preferences
  • ✅ Consent stored locally with configurable expiry
  • ✅ Link to your privacy policy
  • ✅ No cookies set before user interaction

Cookie-Zustimmungsgenerator

Unser kostenloser Cookie-Zustimmungsbanner-Generator hilft Ihnen, ein vollständig anpassbares, DSGVO- und CCPA-konformes Cookie-Zustimmungsbanner zu erstellen.

Dieses Tool in Ihre Website einbetten

× px

                        

💡 Integrations-Tipp

Kopieren Sie den Einbettungscode und fügen Sie ihn in das HTML Ihrer Website ein. Die responsive Version passt sich automatisch an alle Bildschirmgrößen an.

0 Bewertungen
✓

Beliebte Werkzeuge

Keine weiteren Tools
Alle Tools erkunden

Über Cookie-Zustimmungsgenerator

Die linke Spalte ist die gesamte Konfiguration. Das Layout setzt das Banner als untere Leiste, obere Leiste oder als Fenster unten links oder unten rechts, im Stil Leiste, Fenster oder schwebende Karte, mit einem Eckenradius von eckig bis rund. Für Farben gibt es getrennte Felder für Hintergrund, Text, Zustimmen- und Ablehnen-Schaltfläche, sodass Sie eine Markenpalette treffen statt ein Thema zu wählen. Der Inhaltsbereich enthält den Bannertext, beide Schaltflächentexte, die Adresse der Datenschutzerklärung und die Cookie-Laufzeit in Tagen. Vier Voreinstellungen - minimal, DSGVO komplett, elegant und farbig - setzen ein Dutzend davon auf einmal; DSGVO komplett wechselt auf ein Fenster unten rechts mit Ablehnen-Schaltfläche und Einstellungen-Link.

Die Vorschau rechts zeichnet sich beim Tippen neu, und das Codefeld darunter bietet drei Formate. Das Script-Tag ist mit rund tausend Zeichen das kürzeste: Es lädt eine gehostete Widget-Datei und übergibt Ihre Einstellungen als data-Attribute. Inline-HTML ist eigenständig - Stilblock, Banner-Markup und ein einzeiliges Skript, rund 1.800 Zeichen ohne externe Anfrage. Die WordPress-Fassung verpackt das Script-Tag in eine PHP-Funktion an wp_footer, fertig zum Einfügen in die functions-Datei eines Themes.

Die Einwilligung selbst liegt in einem First-Party-Cookie namens fwt_consent, gesetzt auf accepted oder declined, mit einem max-age von Laufzeit in Tagen mal 86.400 - bei der Voreinstellung von einem Jahr also 31.536.000 Sekunden - und dem Pfad /. Beim nächsten Seitenaufruf prüft das Banner dieses Cookie und entfernt sich, wenn es vorhanden ist; der Besucher wird kein zweites Mal gefragt.

Was dieser Generator nicht tut, ist so wichtig wie das, was er tut. Er erzeugt ein Banner; er blockiert keine Analyse- oder Werbeskripte bis zur Einwilligung, führt kein Protokoll darüber, wer wann eingewilligt hat, und durchsucht Ihre Seite nicht, um ein Cookie-Verzeichnis aufzubauen. Artikel 7 Absatz 1 DSGVO verlangt, dass der Verantwortliche nachweisen kann, dass eine Einwilligung erteilt wurde, und Absatz 3, dass der Widerruf so einfach ist wie die Erteilung - beides liefert ein Banner allein nicht. Betrachten Sie die Ausgabe als sichtbare Schicht und ergänzen Sie die Technik, die Ihre Skripte tatsächlich steuert.

Anwendungsfälle

Ein freier Entwickler, der eine kleine Visitenkartenseite fertigstellt, kopiert den Inline-HTML-Block in die Fußzeile der Vorlage, weil er eigene Stile mitbringt und einer bewusst schnellen Seite keine externe Anfrage hinzufügt.
Eine WordPress-Betreiberin ohne Plugin-Budget fügt das functions.php-Snippet in ein Child-Theme ein, sodass das Banner über wp_footer auf jeder Seite lädt, statt in eine Vorlage einredigiert zu werden.
Ein Gestalter, der eine Kundenmarke trifft, setzt Hintergrund, Text und beide Schaltflächenfarben als Hexwerte, zieht den Radius auf 16 und gibt den kopierten Code samt Vorschau-Screenshot an die Entwicklung.
Ein Start-up vor dem Europastart drückt die Voreinstellung DSGVO komplett, um zu sehen, wie ein Banner mit Ablehnen-Schaltfläche und Einstellungen-Link aussieht, bevor es über eine vollwertige Consent-Plattform entscheidet.
Ein Seitenbetreiber, der die Entscheidung kürzer merken will, stellt die Laufzeit von 365 auf 30 Tage und kopiert die Inline-Fassung, in der das Cookie-max-age entsprechend sinkt.

Anleitung

1

Drücken Sie eine der vier Voreinstellungen - minimal, DSGVO komplett, elegant oder farbig -, um mit einem sinnvollen Layout statt der Grundwerte zu beginnen.

2

Setzen Sie Position und Stil im Layoutbereich und ziehen Sie den Eckenradius, bis die Vorschau zum Rest Ihrer Seite passt.

3

Tragen Sie Hintergrund-, Text-, Zustimmen- und Ablehnen-Farbe im Farbbereich als Hexwerte ein.

4

Formulieren Sie Bannertext und Schaltflächentexte im Inhaltsbereich neu, setzen Sie die Adresse Ihrer Datenschutzerklärung und wählen Sie, wie viele Tage die Entscheidung gelten soll.

5

Wählen Sie im Codefeld Script-Tag, Inline-HTML oder WordPress und prüfen Sie die Vorschau darüber, bevor Sie kopieren.

6

Drücken Sie Kopieren, fügen Sie den Block in Ihre Vorlage ein und lassen Sie Ihre Analyse- und Werbetags auf das Cookie fwt_consent warten, bevor sie laden.

Profi-Tipps

  • Nehmen Sie Inline-HTML, wenn Anfragen zählen. Script-Tag und WordPress laden beide eine Widget-Datei von dieser Seite, das Banner hängt also an einem externen Host. Der Inline-Block hat überhaupt keine externe Abhängigkeit.
  • Tragen Sie die Adresse der Datenschutzerklärung ein, bevor Sie kopieren. Sie wird unverändert als Link in den Code geschrieben, und ein Banner, das auf eine fehlende Seite zeigt, ist schlechter als gar kein Link.
  • Das Laufzeitfeld steht in Tagen und wird mit 86.400 zum Cookie-max-age multipliziert. Bei den voreingestellten 365 Tagen enthält der Code max-age=31536000; auf 30 gesetzt wird der Besucher einen Monat später erneut gefragt.
  • Die Ablehnen-Schaltfläche ist voreingestellt aktiv, und die Voreinstellungen widersprechen sich: minimal schaltet sie ab, DSGVO komplett schaltet sie ein. Prüfen Sie den Schalter nach jeder Voreinstellung, statt Ihre frühere Wahl vorauszusetzen.
  • Anführungszeichen und spitze Klammern in Text oder Schaltflächenbeschriftung werden für Sie maskiert: Aus Zustimmen "alle" wird im data-Attribut Zustimmen "alle", das Tag bleibt also heil.

Fehlerbehebung

Problem:

Das Banner erscheint auf der Live-Seite nie.

Lösung:

Am wahrscheinlichsten liegt ein übrig gebliebenes fwt_consent-Cookie aus Ihren eigenen Tests vor - das Banner entfernt sich, sobald dieses Cookie existiert. Löschen Sie die Cookies der Domain oder öffnen Sie ein privates Fenster. Erscheint es weiterhin nicht und haben Sie das Script-Tag verwendet, prüfen Sie, ob die Widget-Datei lädt: Ein Inhaltsblocker oder eine strenge Content-Security-Policy stoppt ein externes Skript.

Problem:

Das Banner erscheint bei jedem Aufruf erneut, auch nach dem Zustimmen.

Lösung:

Das Einwilligungs-Cookie wird nicht behalten. Prüfen Sie, dass die Laufzeit nicht auf 0 steht, denn das max-age ist die Zahl der Tage mal 86.400, und dass der Besucher nicht in einem privaten Fenster surft, in dem Cookies am Sitzungsende verworfen werden. Das Cookie wird mit path=/ geschrieben und sollte daher für die ganze Seite gelten.

Problem:

Der erzeugte Code zerlegt die Seite beim Einfügen.

Lösung:

Fügen Sie das Inline-HTML unmittelbar vor dem schließenden body-Tag ein, nicht in den Kopfbereich, denn es enthält neben einem Stilblock auch Markup. Die WordPress-Fassung gehört in die functions.php oder eine Child-Theme-Datei, nicht in einen Beitrag - sie ist PHP und würde anderswo als Text ausgegeben.

Problem:

Die Analyse läuft weiter, nachdem ein Besucher abgelehnt hat.

Lösung:

Das ist zu erwarten: Das erzeugte Banner hält die Antwort fest, mehr nicht. Es entfernt und verzögert kein Tag. Umschließen Sie Ihre Analyse- und Werbe-Snippets mit einer Prüfung auf das Cookie fwt_consent, damit sie nur bei accepted laufen, oder nutzen Sie eine Consent-Plattform, die das Blockieren übernimmt.

Problem:

Die Schaltflächenbeschriftung sieht im erzeugten Code falsch aus.

Lösung:

Zeichen, die ein HTML-Attribut zerstören würden, werden absichtlich maskiert. Eine Beschriftung Zustimmen "alle" erscheint im Code als Zustimmen "alle", spitze Klammern werden zu < und >. Beim Rendern macht der Browser daraus wieder die Originalzeichen, der Besucher sieht also genau das Getippte.

Häufig gestellte Fragen

Es ist die Erlaubnis des Besuchers, auf seinem Gerät Informationen zu speichern oder zu lesen, die über das für den Betrieb unbedingt Nötige hinausgehen. In der Praxis heißt das: ein Banner, das fragt, bevor Analyse-, Werbe- oder Präferenz-Cookies gesetzt werden, und eine Aufzeichnung der Antwort. Dieser Generator erzeugt das Banner und legt die Antwort in einem First-Party-Cookie namens fwt_consent ab, gesetzt auf accepted oder declined.

Das hängt davon ab, woher Ihre Besucher kommen und was Ihre Seite speichert. Regeln in der EU, im Vereinigten Königreich und in weiteren Rechtsordnungen verlangen eine Einwilligung vor nicht notwendiger Speicherung; eine rein statische Seite ohne jedes Cookie braucht in der Regel kein Banner. Eine Seite mit Analyse oder einem Werbetag meist schon. Diese Seite kann das nicht für Sie entscheiden - prüfen Sie Ihre Pflichten oder fragen Sie einen Anwalt.

Cookies fallen unter die DSGVO, wenn die enthaltenen Daten eine Person identifizieren, und daneben unter die ePrivacy-Regeln, die das Speichern oder Auslesen auf einem Gerät betreffen. Deshalb brauchen Analyse-Kennungen meist eine Einwilligung, ein Sitzungscookie für den Warenkorb dagegen normalerweise nicht. Die Kategorien dieses Generators - notwendig, Analyse, Marketing, Präferenzen - bilden diese Trennung ab.

Der voreingestellte Text im Inhaltsbereich ist eines: „Wir verwenden Cookies, um Ihr Surferlebnis zu verbessern, Inhalte zu personalisieren und unseren Verkehr zu analysieren." Passen Sie ihn an das an, was Sie wirklich einsetzen - „wir nutzen Google Analytics, um Besuche zu zählen" ist klarer und belastbarer als ein allgemeiner Satz. Die Vorschau aktualisiert sich beim Tippen, Sie sehen also, wo der Text umbricht.

Banner hier einstellen, Format wählen, einfügen. Inline-HTML gehört unmittelbar vor das schließende body-Tag Ihrer Vorlage. Das Script-Tag kann an dieselbe Stelle oder in den Kopfbereich. Die WordPress-Fassung gehört in die functions.php Ihres Child-Themes, wo sie sich an wp_footer hängt. Danach folgt der Teil, den dieses Werkzeug nicht leisten kann: Analyse- und Werbetags erst nach vorliegender Einwilligung auslösen.

Nein, und das schafft kein Banner allein. Es gibt dem Besucher eine Wahl und merkt sie sich - das ist der sichtbare Teil. Artikel 7 Absatz 1 DSGVO verlangt zusätzlich, dass Sie nachweisen können, dass eine Einwilligung erteilt wurde, und Absatz 3, dass der Widerruf so einfach ist wie die Erteilung. Dieser Generator führt kein Einwilligungsprotokoll, bietet nach dem Schließen keinen Wiederöffnen-Link und blockiert vor der Entscheidung keine Skripte.

Das Script-Tag hat rund 1.000 Zeichen und lädt eine auf dieser Seite gehostete Widget-Datei, wobei Ihre Einstellungen als data-Attribute übergeben werden. Inline-HTML hat rund 1.800 Zeichen und ist vollständig eigenständig - Stilblock, Markup und ein einzeiliges Skript - ganz ohne externe Anfrage. WordPress sind rund 1.100 Zeichen PHP, die das Script-Tag an wp_footer registrieren. Inline ist am unabhängigsten, die anderen beiden lassen sich am leichtesten aktualisieren.

Mit dem erzeugten Banner allein nur, indem er das Cookie fwt_consent im Browser löscht, denn das Banner erscheint nur wieder, wenn dieses Cookie fehlt. Artikel 7 Absatz 3 DSGVO verlangt, dass der Widerruf so einfach ist wie die Erteilung - wenn Sie sich auf Einwilligung stützen, müssen Sie also einen eigenen Link ergänzen, üblicherweise in der Fußzeile oder der Datenschutzerklärung, der das Cookie löscht und die Seite neu lädt.

Das Banner schreibt fwt_consent=declined und verbirgt sich für dieselbe Anzahl Tage wie bei einer Zustimmung. Sonst geschieht automatisch nichts: Der erzeugte Code schaltet kein Tag ab. Ihre eigene Seite muss dieses Cookie lesen und Analyse oder Werbung überspringen, wenn dort declined steht - das ist die Arbeit, die dieses Werkzeug Ihnen überlässt.

Diese Seite ist kostenlos und liefert Code, der Ihnen gehört, ohne Konto und ohne Kontingent je Besuch - aber sie ist ein Bannergenerator und keine Consent-Plattform. Eine vollwertige Plattform ergänzt die oben genannten Teile: Skriptblockade vor der Einwilligung, Protokoll jeder Entscheidung, Wiederöffnen-Bedienelement und Cookie-Scan. Mehrere bieten kostenlose Stufen mit Traffic-Grenzen; vergleichen Sie diese mit Ihren monatlichen Seitenaufrufen.

FreeWebTools AI
Powered by free AI models · Full chat →