Installation & Schnellstart

Installation

npm install astro-cookie-consent

Die einzige Peer-Abhängigkeit ist Astro >=4.0.0.

Schnellstart

1. Rendere <ConsentBanner /> einmal, global, in deinem Layout:

   src/layouts/Layout.astro

   ---
   import ConsentBanner from 'astro-cookie-consent/ConsentBanner.astro';
   ---
   
   <html>
     <body>
       <slot />
       <ConsentBanner privacyHref="/privacy" />
     </body>
   </html>

2. Blockiere beliebige Drittanbieter-Skripte hinter dieser Einwilligung:

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

   gateScript fügt das Skript erst ein, wenn der Besucher zustimmt, und niemals doppelt.

3. Das war’s. Kein CSS, keine Konfigurationsdatei – das Banner ist eine eigenständige Karte unten links, die bereits der Hell-/Dunkel-Einstellung des Besuchers folgt.

Nächste Schritte

• Brauchst du getrennte Schalter für Analyse und Marketing statt eines einzigen Akzeptieren/Ablehnen? Siehe Einwilligung pro Kategorie.
• Möchtest du deine Markenfarben verwenden? Siehe Theming & Dark Mode.
• Arbeitest du mit einem KI-Coding-Agenten? Das Paket enthält eine SKILL.md – siehe Mit KI-Coding-Agenten nutzen.