Einwilligung pro Kategorie

Standardmäßig bietet <ConsentBanner /> ein einfaches Akzeptieren/Ablehnen. Übergib categories, um daraus eine Checkliste mit den Aktionen „Alle akzeptieren“ / „Alle ablehnen“ / „Auswahl speichern“ zu machen:

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

Probiere es live auf der Demo-Seite aus.

Skripte pro Kategorie blockieren

gateScript, getConsent, whenAccepted und setConsent nehmen alle ein category-Argument entgegen, standardmäßig 'all' – die implizite Kategorie, die gilt, wenn du gar keine categories übergibst:

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

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

Was als Kategorie zählt

Nimm nur Kategorien auf, die laut deiner Datenschutzerklärung wirklich ein Ja/Nein brauchen. „Notwendige“ Cookies – also solche, die rechtlich keine Einwilligung erfordern – sind hier keine Kategorie; lade diese Skripte einfach direkt, ohne gateScript().

Keine Kästchen vorab ankreuzen

Jeder Kategorie-Eintrag unterstützt ein default-Flag, um ihn vorab anzukreuzen:

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

Lass das auf false (dem Standard), es sei denn, du hast einen konkreten, vertretbaren Grund für die Vorauswahl. Vorausgewählte Einwilligungskästchen gelten laut DSGVO-Leitlinien als anerkanntes Dark Pattern – mehr dazu unter DSGVO-Funktionen.