DEV Community

Enjyn Gruppe
Enjyn Gruppe

Posted on

Warum wir ein eigenes Cookie-Consent-Tool gebaut haben – kostenlos, eine Zeile Code, DSGVO-konform

#german #webdev #javascript #dsgvo

Jedes Mal wenn wir für einen Kunden eine Website gebaut haben,
kam irgendwann die gleiche Frage: "Was machen wir mit dem
Cookie-Banner?"

Die ehrliche Antwort war lange: Cookiebot, Usercentrics oder
irgendein WordPress-Plugin. Das Problem dabei – Cookiebot kostet
ab 10 € pro Monat, schickt Consent-Daten auf US-Server, und die
meisten Lösungen sind entweder zu teuer, zu komplex oder schlicht
nicht DSGVO-konform wenn man genauer hinschaut.

Irgendwann haben wir aufgehört zu suchen und einfach selbst
gebaut.

Das Ergebnis: Enjyn Cookie Widget

Ein selbstgehostetes Cookie-Consent-System, das man mit einer
einzigen Zeile einbindet:

<script src="https://enjyn.de/src/enjyn-cookie.php" async></script>
Enter fullscreen mode Exit fullscreen mode

Das war's. Der Banner erscheint automatisch beim ersten Besuch –
mit echtem Script-Blocker, der Tracker gar nicht erst laden lässt.

Was es kann

  • Automatische Cookie-Erkennung – ~50 bekannte Tracker werden erkannt und blockiert, mit Wildcard-Unterstützung
  • Echter Script-Blocker – Scripts werden via type="text/plain" blockiert, nicht nur versteckt
  • 9 vorgefertigte Themes – inkl. Glasmorphismus, alle live anpassbar
  • Rechtstext-Lesemodus – kompakter Banner mit ausklappbarem Datenschutztext direkt im Widget
  • Anonymisierter Consent-Log – DSGVO Art. 7 Nachweispflicht erfüllt, ohne personenbezogene Daten zu speichern
  • Mehrsprachig – DE/EN mit automatischer Browser-Spracherkennung
  • Mobile-optimiert – Bottom-Sheet mit Inner-Scrolling auf kleinen Displays

DSGVO-Anforderungen – alle erfüllt

Was die DSGVO tatsächlich verlangt und wie das Widget es umsetzt:

Anforderung Umsetzung
Aktive Einwilligung Cookies erst nach Klick aktiv
Ablehnen gleichwertig "Nur Notwendige" genauso prominent wie "Alle akzeptieren"
Granulare Auswahl Toggle-Switches pro Kategorie direkt im Banner
Widerruf jederzeit Reopen-Button oder data-enjyn-open Container
Nachweis der Einwilligung Server-Log mit anonymisierter Pseudo-ID

Drei Wege zur Konfiguration

Wer mehr will als die Standard-Einstellungen, hat drei Optionen:

<!-- Variante 1: window.EnjynCookie (volle Kontrolle) -->
<script>
  window.EnjynCookie = {
    site_name:   "Meine Website",
    primary:     "#2563eb",
    position:    "bottom-right",
    privacy_url: "/datenschutz"
  };
</script>
<script src="https://enjyn.de/src/enjyn-cookie.php" async></script>

<!-- Variante 2: data-Attribute (Simpel-Setup) -->
<script src="https://enjyn.de/src/enjyn-cookie.php"
        data-primary="#16a34a"
        data-position="bottom-center"
        data-privacy-url="/datenschutz"
        async></script>

<!-- Variante 3: URL-Parameter (für CMS) -->
<script src="https://enjyn.de/src/enjyn-cookie.php?primary=16a34a&position=bottom-center"
        async></script>
Enter fullscreen mode Exit fullscreen mode

Warum kostenlos?

Weil wir das Tool selbst für unsere Kunden brauchen und es
ohnehin auf unserer Infrastruktur läuft. Ein Abo dafür zu
verlangen hätte sich falsch angefühlt.

Für die meisten Websites reicht die kostenlose Version komplett.
Wer individuelle Anpassungen oder eine eigene gehostete Instanz
braucht, kann uns ansprechen.

Die vollständige Dokumentation mit allen Konfigurationsoptionen
gibt es hier:
👉 https://enjyn.de/faq.php?doc=Cookie-Widget-DSGVO-Guide.html

Top comments (0)