Consentement par catégorie

Par défaut, <ConsentBanner /> propose un simple accepter/refuser. Passez categories pour le transformer en liste avec les actions « Tout accepter » / « Tout refuser » / « Enregistrer les préférences » :

<ConsentBanner
  categories={[
    { id: 'analytics', label: 'Analytics', description: 'Helps us understand site usage.' },
    { id: 'marketing', label: 'Marketing', description: 'Used for ad personalization.' },
  ]}
/>

Essayez-le en direct sur la page Démo.

Bloquer les scripts par catégorie

gateScript, getConsent, whenAccepted et setConsent acceptent tous un argument category, qui vaut 'all' par défaut – la catégorie implicite utilisée quand vous ne passez pas du tout de categories :

gateScript({ src: 'https://example.com/analytics.js', category: 'analytics' });

getConsent('analytics'); // 'accept' | 'decline' | null
whenAccepted(() => {
  /* ... */
}, 'analytics');

Ce qui compte comme catégorie

N’incluez que les catégories qui nécessitent réellement un oui/non selon votre politique de confidentialité. Les cookies « nécessaires » – ceux qui n’exigent légalement aucun consentement – ne sont pas une catégorie ici ; chargez simplement ces scripts directement, sans gateScript().

Ne pré-cochez pas les cases

Chaque entrée de catégorie accepte une option default pour la cocher d’avance :

{ id: 'analytics', label: 'Analytics', default: true }

Laissez-la à false (la valeur par défaut), sauf si vous avez une raison précise et défendable de la présélectionner. Les cases de consentement pré-cochées sont un dark pattern reconnu selon les lignes directrices du RGPD – voir Fonctionnalités liées au RGPD pour en savoir plus.