Zum Inhalt springen
astro-cookie-consent
Loslegen

DSGVO-Cookie-Consent-Banner für Astro

Die kostenlose Cookiebot-Alternative

Cookie-Consent für Astro

Ein beliebtes, schlankes DSGVO-Consent-Banner ohne Abhängigkeiten, das deine Skripte wirklich blockiert – mit Google Consent Mode v2 für GA4, Google Ads und GTM. Keine Dark Patterns, keine vorausgewählten Kästchen.

Loslegen
npm i astro-cookie-consent
Auf npm ansehen:npm— Downloads1.0.0 ist da!
Live-Demo Auf GitHub einen Stern geben
Live-VorschauDefault (dark)
Warte auf Einwilligung…

Startups, kleine Unternehmen und Tech-Firmen vertrauen darauf

Auf deiner Website einbauen

So klein, dass du es vergisst

Reiner .astro- und .js-Quellcode, kompiliert von deinem eigenen Build. Nichts zu prüfen, nichts, das nach Hause telefoniert.

Neueste Version
—
Open-Source-Lizenz
MIT
Laufzeitabhängigkeiten
0
CSS-Variablen fürs Theming
7

Kurzer Überblick

Abschnitt betitelt „Kurzer Überblick“

Binde das Banner in dein Layout ein und blockiere dann beliebige Drittanbieter-Skripte, bis eine Einwilligung vorliegt.

Das war’s – keine Konfigurationsdatei, kein CSS, keine Abhängigkeit, die du prüfen musst.

src/layouts/Layout.astro
---
import ConsentBanner from 'astro-cookie-consent/ConsentBanner.astro';
---


<html>
  <body>
    <slot />
    <ConsentBanner privacyHref="/privacy" />
  </body>
</html>
<script>
  import { gateScript } from 'astro-cookie-consent';


  gateScript({ src: 'https://example-widget.com/embed.js' });
</script>

Die kostenlose Cookiebot-Alternative

Alles, was du von einer kostenpflichtigen Consent-Management-Plattform wie Cookiebot erwartest – in einer kostenlosen Komponente ohne Abhängigkeiten. Kein Monatsabo, keine Seitenaufruf-Limits, kein Drittanbieter-Skript.

Keine Abhängigkeiten

Wird als reiner .astro/.js-Quellcode ausgeliefert und von der Astro-Pipeline deines eigenen Projekts kompiliert. Keine Laufzeitabhängigkeiten.

Blockiert Skripte wirklich

gateScript() blockiert Drittanbieter-Skripte, bis der Besucher zustimmt – kein reines Hinweisbanner, hinter dem Tracker trotzdem laden.

API-Referenz

Einwilligung pro Kategorie

Optionale Schalter für Kategorien wie Analyse und Marketing – oder ein einfaches Akzeptieren/Ablehnen, wenn du das nicht brauchst.

Mehr erfahren

Voll anpassbar

Das gesamte Aussehen steckt in 7 CSS Custom Properties, jeder Text ist ein Prop. Folgt automatisch dem hellen oder dunklen Systemdesign des Besuchers.

Mehr erfahren

Google Consent Mode v2

<ConsentMode /> übermittelt die Auswahl des Besuchers als Consent-Mode-v2-Signale an GA4, Google Ads und GTM – mit einem abgelehnten Standardwert, bevor irgendein Google-Tag läuft.

Einrichten

Funktioniert mit KI-Coding-Agenten

Enthält eine SKILL.md, die die eigene API und Leitplanken dokumentiert, damit ein Agent es sicher anpassen kann – Texte ändern, ein neues Skript blockieren, ein Theme hinzufügen – ohne zu raten.

Mehr erfahren

Gebaut für DSGVO-Konformität

Ein Cookie-Banner, das Menschen nicht wirklich bedienen können, ist nicht konform. Das sind die Mechanismen, auf die Aufsichtsbehörden (CNIL, ICO, EDSA) tatsächlich achten – standardmäßig eingebaut, nicht nachträglich angeflanscht.

Diese Bibliothek ist ein Mechanismus, keine Rechtsberatung – deine Datenschutzerklärung, die Kategorien, die du angibst, und was du dahinter blockierst, liegen weiterhin bei dir. Genau sehen, was das abdeckt und was nicht →

Keine Dark Patterns

Akzeptieren und Ablehnen sind optisch gleichwertig. Kein gefüllter „Akzeptieren“-Button neben einem blassen „Ablehnen“, der Besucher zur Einwilligung drängt.

Keine vorausgewählten Kästchen

Jede Kategorie ist standardmäßig deaktiviert. Echtes Opt-in statt eines als Wahl getarnten Opt-outs.

Einwilligungen laufen ab

Entscheidungen laufen nach einem einstellbaren Zeitraum ab (standardmäßig 365 Tage) und das Banner erscheint erneut – keine dauerhafte stille Einwilligung aus einer Wahl von vor einem Jahr.

Ein Nachweis, auf den du verweisen kannst

Jede Entscheidung wird mit Zeitstempel gespeichert und ist über getConsentRecord() abrufbar – etwas, das du vorzeigen kannst, wenn du eine Einwilligung nachweisen musst (Rechenschaftspflicht nach Art. 7 Abs. 1).

Mach es zu deinem – bis ins letzte Pixel

Das gesamte Aussehen steckt in 7 CSS Custom Properties, jeder Text ist ein Prop. Kein Build-Schritt, keine Konfigurationsdatei, kein Designsystem, gegen das du ankämpfen musst.

Alle 15 Themes ansehen

Preise

Für immer kostenlos. Jede Funktion, jede Website.

$0 keine Kreditkarte, kein Konto – niemals

Loslegen
  • Unbegrenzt viele Websites
  • Alle Funktionen, keine Bezahlstufen
  • Einwilligung pro Kategorie
  • Skripte blockieren mit gateScript()
  • Google Consent Mode v2
  • Alle Themes & volle CSS-Anpassung
  • Kein Konto, kein Tracking, keine Telemetrie
  • MIT-lizenziert – Open Source, für immer kostenlos.

In zwei Minuten auf deiner Website

LoslegenDoku lesen