Das DPDPA ist in Indien in Kraft. Führen Sie einen kostenlosen Datenschutz-Scan Ihrer Website durch. Jetzt scannen

Framework

ConsentX für React & Next.js

Laden Sie ConsentX in jeder React- oder Next.js-App aus dem Document Head.

Kurz gesagt
Um ein Cookie-Consent-Banner zu React & Next.js hinzuzufügen, fügen Sie das ConsentX-Snippet einmal in den Head Ihrer Website ein. Fügen Sie das Snippet in Next.js in app/layout.tsx innerhalb von <head> ein (oder verwenden Sie next/script mit der Strategie beforeInteractive). In einer reinen React-App fügen Sie es in public/index.html vor </head> ein. Das Banner lädt dann auf jeder Seite, blockiert nicht essenzielle Tracker vor der Einwilligung und wendet Ihre DPDPA-, GDPR- und CCPA-Regeln aus dem Dashboard an.

Auf React & Next.js installieren

1
Snippet kopieren

Öffnen Sie in ConsentX den Bereich Install und kopieren Sie das Embed-Snippet Ihres Kontos. Es ist ein kleines <script>-Tag, das auf Ihre Domain beschränkt ist.

2
Im Head einfügen

In Next.js: Fügen Sie das Snippet in app/layout.tsx in <head> ein oder verwenden Sie next/script mit strategy='beforeInteractive'. In reinem React: Fügen Sie es in public/index.html vor </head> ein.

3
Veröffentlichen

Speichern und veröffentlichen Sie Ihre Website. Das Consent-Banner erscheint beim nächsten Laden.

4
Im Dashboard konfigurieren

Legen Sie Banner-Design, Cookie-Kategorien und regionsspezifische Regeln in ConsentX fest. Änderungen werden ohne erneutes Deployment auf Ihre Live-Website übertragen.

Installation mit einem Tag

Fügen Sie das Snippet einmal in den Head Ihrer Website ein. Das Banner lädt sich auf jeder Seite selbst.

Consent Mode v2 + vorherige Blockierung

Google-Signale werden standardmäßig verweigert und nicht essenzielle Tracker bleiben inaktiv, bis die Besucherinnen und Besucher entscheiden.

Geobasierte Regeln

Ein Banner passt sich über Ihr Dashboard an GDPR, CCPA, LGPD und DPDPA an – ohne erneutes Deployment.

Häufig gestellte Fragen