Installation et démarrage rapide

Installation

npm install astro-cookie-consent

La seule dépendance peer requise est Astro >=4.0.0.

Démarrage rapide

1. Affichez <ConsentBanner /> une seule fois, globalement, depuis votre layout :

   src/layouts/Layout.astro

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

2. Bloquez n’importe quel script tiers derrière ce consentement :

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

   gateScript n’insère jamais le script avant que le visiteur accepte, et ne l’insère jamais deux fois.

3. C’est tout. Pas de CSS à écrire, pas de fichier de configuration – la bannière est une carte autonome en bas à gauche qui suit déjà la préférence clair/sombre du visiteur.

Étapes suivantes

• Besoin d’interrupteurs distincts pour la mesure d’audience et le marketing plutôt que d’un simple accepter/refuser ? Consultez Consentement par catégorie.
• Vous voulez reprendre les couleurs de votre marque ? Consultez Thèmes et mode sombre.
• Vous travaillez avec un agent IA ? Le paquet inclut un SKILL.md – consultez Utilisation avec des agents IA.