Asennus ja pikaopas

Asennus

npm install astro-cookie-consent

Ainoa peer-riippuvuus on Astro >=4.0.0.

Pikaopas

1. Renderöi <ConsentBanner /> kerran, globaalisti, layoutissasi:

   src/layouts/Layout.astro

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

2. Estä mikä tahansa kolmannen osapuolen skripti suostumuksen taakse:

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

   gateScript ei koskaan lisää skriptiä ennen kuin kävijä hyväksyy, eikä koskaan lisää sitä kahdesti.

3. Siinä kaikki. Ei kirjoitettavaa CSS:ää, ei asetustiedostoa – banneri on itsenäinen kortti vasemmassa alakulmassa, ja se seuraa valmiiksi kävijän vaalean/tumman tilan asetusta.

Seuraavat vaiheet

• Tarvitsetko erilliset kytkimet analytiikalle ja markkinoinnille yhden hyväksy/hylkää-valinnan sijaan? Katso Kategoriakohtainen suostumus.
• Haluatko käyttää brändisi värejä? Katso Teemat ja tumma tila.
• Teetkö työtä tekoälyagentin kanssa? Paketin mukana tulee SKILL.md – katso Käyttö tekoälyagenttien kanssa.