Consentimiento por categoría

Por defecto, <ConsentBanner /> ofrece un único aceptar/rechazar. Pasa categories para convertirlo en una lista con las acciones “Aceptar todo” / “Rechazar todo” / “Guardar preferencias”:

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

Pruébalo en vivo en la página de la Demo.

Bloquear scripts por categoría

gateScript, getConsent, whenAccepted y setConsent aceptan un argumento category, que por defecto es 'all': la categoría implícita que se usa cuando no pasas categories:

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

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

Qué cuenta como categoría

Incluye solo categorías que de verdad necesiten un sí/no según tu política de privacidad. Las cookies “necesarias” (las que legalmente no requieren consentimiento) no son una categoría aquí: carga esos scripts directamente, sin gateScript().

No premarques casillas

Cada entrada de categoría admite una opción default para marcarla de antemano:

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

Déjala en false (el valor por defecto) salvo que tengas un motivo concreto y defendible para preseleccionarla. Las casillas de consentimiento premarcadas son un patrón oscuro reconocido según las directrices del RGPD; consulta Funciones relacionadas con el RGPD para saber más.