React-Apps laden Skripte dynamisch und navigieren ohne vollständige Seitenaktualisierung – daher kann Tracking frühzeitig ausgelöst werden, wenn die Einwilligung nicht korrekt verarbeitet wird. CookieHub fügt Ihrer React-Website eine vollständige Einwilligungsschicht hinzu, blockiert nicht notwendige Cookies bis zur Zustimmung und trägt dazu bei, dass Ihre App DSGVO, CCPA und anderen Datenschutzbestimmungen entspricht.
CookieHub integriert sich nahtlos in React-Projekte über react-cookiehub und bietet Ihnen ein Einwilligungsbanner, einwilligungsgesteuertes Laden von Skripten sowie einen konsistenten Einwilligungsstatus bei Routenwechseln. Nach der Installation verwaltet CookieHub die Einwilligungslogik und sorgt für einheitliches Verhalten in Ihrer gesamten Anwendung.
Eine Schritt-für-Schritt-Installationsanleitung finden Sie im React-Paketleitfaden.
Wichtigste Vorteile:
Tracking-Skripte vor der Einwilligung blockieren (SPA-sicher)
Einwilligungsverhalten bei clientseitigem Routing konsistent halten
Drittanbieter-Skripte nach Kategorie steuern (Analyse/Marketing usw.)
Integrierte Komponenten für gängige Skripte verwenden (GA, Pixel, YouTube)
Bei Bedarf die Kontrolle mit CookieHub-Ereignissen/Methoden erweitern
React macht es leicht, versehentlich Tracking-Cookies zu laden, wenn Komponenten eingebunden, Routen geändert oder Skripte verzögert geladen werden. CookieHub löst dieses Problem, indem es als Einwilligungsinstanz fungiert und Ihnen eine vorhersehbare Möglichkeit bietet, die Einwilligung einmalig zu initialisieren und Skripte nach Einwilligungskategorie zu filtern – ohne Einwilligungsprüfungen in Ihren Komponenten verteilen zu müssen.
Was CookieHub zu React.js hinzufügt
Skript wird geladen, bevor die Zustimmung eingeholt wird
Analytics-/Marketing-Tags werden erst geladen, nachdem der Nutzer die erforderliche Kategorie angegeben hat.
SPA-freundliche Initialisierung
Initialisieren Sie die Anwendung einmalig im Stammverzeichnis und halten Sie den Zustimmungsstatus über Routenwechsel hinweg stabil.
Komponenten für gängige Tracking-Tools
Um eine vorzeitige Ausführung zu vermeiden, verwenden Sie speziell dafür entwickelte Komponenten wie CookieHubScript, CookieHubGA, CookieHubPixel und CookieHubYoutube.
Ereignisgesteuerte Steuerung, wenn Sie sie benötigen
Reagiere auf Änderungen der Einwilligung mithilfe von Ereignissen wie onAllow / onRevoke oder JS-API-Hooks.
CookieHub lässt sich nahtlos in Ihre App integrieren. Keine Änderungen am Backend. Keine komplexen Umstrukturierungen. Die Einrichtung ist in wenigen Schritten erledigt – folgen Sie einfach der Anleitung im Paket.
Fügen Sie das Paket Ihrem Projekt hinzu und halten Sie es auf dem neuesten Stand.
Initialisieren Sie die Komponente im Root-Element. Bei SSR-Frameworks (wie Next.js) sollte die Initialisierung clientseitig erfolgen, um die Ausführung auf dem Server zu vermeiden.
Verwenden Sie die bereitgestellten Skriptkomponenten (oder CookieHub-Ereignisse), damit Tags erst nach der Einwilligung ausgeführt werden.
Stellen Sie sicher, dass Cookies nicht vor der Einwilligung ausgelöst werden, und verwenden Sie CookieHub-Steuerelemente/Ereignisse für jegliches benutzerdefiniertes Tracking-Verhalten.
Ja. Die Paketdokumentation empfiehlt, CookieHub clientseitig zu initialisieren (z. B. über eine Clientkomponente / useEffect), da es auf window basiert.
Verwenden Sie CookieHubScript (und verwandte Komponenten), um Skripte mit einer erforderlichen Kategorie zu laden, oder koppeln Sie sich an Einwilligungsereignisse wie onAllow, um Tools erst nach der Einwilligung zu initialisieren.
Ja – react-cookiehub enthält Komponenten wie CookieHubGA und CookieHubPixel, die so konzipiert sind, dass diese Tools geladen werden, ohne dass sie vor der Einwilligung ausgeführt werden müssen.
CookieHub unterstützt Ereignisse (z. B. wenn eine Kategorie erlaubt/widerrufen wird) und eine JavaScript-API, mit der Sie das Verhalten Ihrer App sofort aktualisieren können.
react-cookiehub initialisiert CookieHub mit Ihrem „Domain-Code“ (wie in der Paketdokumentation gezeigt).
©2018-2026 CookieHub ehf.
CookieHub CMP offers tools and services for managing cookies and online privacy.
