Installation och snabbstart

Installation

npm install astro-cookie-consent

Det enda peer-beroendet är Astro >=4.0.0.

Snabbstart

1. Rendera <ConsentBanner /> en gång, globalt, i din layout:

   src/layouts/Layout.astro

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

2. Blockera valfria tredjepartsskript bakom samtycket:

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

   gateScript lägger aldrig till skriptet förrän besökaren godkänner, och aldrig två gånger.

3. Klart. Ingen CSS att skriva, ingen konfigurationsfil – bannern är ett fristående kort nere till vänster som redan följer besökarens inställning för ljust/mörkt läge.

Nästa steg

• Behöver du separata reglage för analys och marknadsföring i stället för ett enda godkänn/avböj? Se Samtycke per kategori.
• Vill du använda dina varumärkesfärger? Se Teman och mörkt läge.
• Bygger du med en AI-kodagent? Paketet levereras med en SKILL.md – se Använda med AI-kodagenter.