Klickstarter Akademie
Lektion 13

DSGVO &
Cookie-Banner

Rechtlich sicher & trotzdem stylisch – so baust du konforme Elemente ein

DSGVO-Elemente

Warum DSGVO-Elemente wichtig sind

Rechtssicherheit und Vertrauen – ohne Design-Kompromisse

Warum DSGVO wichtig ist

Rechtliche Sicherheit

Schutz vor Abmahnungen

Vertrauensbildung

Transparenz schafft Vertrauen

Datenschutz

Schutz der Nutzerdaten

Internationale Standards

Einhaltung der EU-Vorgaben

Was du beachten musst

Cookie-Banner vor Tracking aktivieren

Datenschutzerklärung verlinken

Impressum vollständig angeben

Double Opt-In bei E-Mail-Formularen

SSL-Verschlüsselung für die Website

DSGVO-Elemente

Die 5 wichtigsten DSGVO-Elemente

Diese Elemente sollten auf jeder Website vorhanden sein

Rechtlich notwendig für alle Websites mit Tracking oder Cookies

Frag deine Kund:innen:

"Welche Cookies und Tracking-Tools nutzt du auf deiner Website?"

Implementierung:

  • Opt-In vor Cookie-Aktivierung
  • Klare Buttons (Akzeptieren/Ablehnen)
  • Link zur Datenschutzerklärung
  • Speicherung der Einwilligung

Beispiel: Cookie-Banner

So setzt du Cookie-Banner richtig ein

Rechtssicher und benutzerfreundlich – ohne das Design zu stören

Cookie-Einstellungen

Wir verwenden Cookies, um Ihnen die bestmögliche Erfahrung auf unserer Website zu bieten. Einige sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking-Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.

Immer aktiv
Optional
Optional

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

Opt-In statt Opt-Out

Cookies dürfen erst nach aktiver Zustimmung gesetzt werden. Vorausgewählte Checkboxen sind nicht erlaubt.

Kategorisierung

Teile Cookies in Kategorien ein (essenziell, Analyse, Marketing) und ermögliche granulare Auswahl.

Datenschutz-Link

Verlinke immer zur Datenschutzerklärung, die detaillierte Informationen zu allen Cookies enthält.

v0 Prompts

GPT-Prompt-Beispiele für DSGVO-Elemente

Kopiere diese Prompts, um DSGVO-Elemente mit v0 zu erstellen

DSGVO-Cookie-Banner (Opt-In)

Create a bottom sticky cookie banner with two buttons: "Alle akzeptieren" and "Nur notwendige Cookies". Include a short explanation and a link to the privacy policy. Use soft colors and rounded corners.

DSGVO Footer

Create a footer with centered text: "© 2025 | Impressum | Datenschutz". The links should be underlined on hover. Keep font small but readable.

Trust Badge Row

Add a 3-icon horizontal trust section: DSGVO, SSL, German Hosting. Each icon has a tooltip explaining the meaning.

Double Opt-In Formular

Create an email signup form with a checkbox for privacy policy consent and a message about receiving a confirmation email. Include a rounded submit button.

Deine Lernaufgabe

  • Überprüfe deine bestehende Seite: Hast du ein Cookie-Banner? Ist es Opt-In?
  • Baue in v0 ein Cookie-Banner mit Opt-In-Funktion ein
  • Erstelle einen Footer mit Datenschutz- und Impressum-Links
  • Füge DSGVO-Trust-Badges hinzu, die Vertrauen schaffen
  • Implementiere ein Formular mit Double Opt-In Hinweis

Tipp: Achte darauf, dass dein Cookie-Banner vor dem Setzen von Cookies angezeigt wird und eine echte Wahlmöglichkeit bietet.

Premium
🎁 DSGVO-Kit & Prompt Toolbox
Rechtssichere Vorlagen, Prompts & Komponenten
Cookie-Banner Prompts
Footer-Varianten
Rechtlich geprüfte Texte

DSGVO-Trustbar mit Hover-Tooltips
Double Opt-In Formular-Komponenten

Schalte das komplette DSGVO-Kit mit rechtssicheren Vorlagen, Prompts und Komponenten frei, um deine Websites DSGVO-konform und stilsicher zu gestalten.

Diese Website verwendet Cookies

Wir verwenden Cookies, um Ihnen die bestmögliche Erfahrung zu bieten. Mehr in unserer Datenschutzerklärung.

DSGVO-sicher – in Style