Les applications React chargent les scripts dynamiquement et la navigation s'effectue sans rechargement complet de la page. Par conséquent, le suivi peut se déclencher prématurément si le consentement n'est pas géré correctement. CookieHub ajoute une couche de consentement complète à votre site React, bloque les cookies non essentiels jusqu'à approbation et contribue à la conformité de votre application avec le RGPD, le CCPA et autres réglementations relatives à la protection de la vie privée.
CookieHub s'intègre parfaitement aux projets React via react-cookiehub, offrant une bannière de consentement, le chargement de scripts basé sur le consentement et un état de consentement cohérent lors des changements de route. Une fois installé, CookieHub gère la logique de consentement et assure un comportement cohérent dans toute votre application.
Pour une installation pas à pas, consultez le guide du package React.
Principaux avantages :
Bloquer les scripts de suivi avant le consentement (conforme aux SPA)
Garantir un comportement cohérent du consentement lors des changements de route côté client
Contrôler les scripts tiers par catégorie (analyse, marketing, etc.)
Utiliser des composants intégrés pour les scripts courants (GEA, Pixel, YouTube)
Étendre le contrôle avec les événements et méthodes de CookieHub si nécessaire
React facilite le chargement accidentel de la suite de suivi lors du montage de composants, des changements de routes ou du chargement différé de scripts. CookieHub résout ce problème en centralisant le consentement et en vous offrant une méthode simple pour initialiser le consentement une seule fois et contrôler l'exécution des scripts par catégorie de consentement, sans avoir à disperser les vérifications de consentement dans vos composants.
Ajouts de CookieHub à React.js
Chargement de script avec consentement préalable
Ne chargez les balises d'analyse/marketing qu'après que l'utilisateur a accordé la catégorie requise.
Initialisation compatible SPA
Initialisez-le une seule fois à la racine de l'application et maintenez l'état du consentement stable malgré les changements de route.
Composants pour outils de suivi courants
Utilisez des composants dédiés tels que CookieHubScript, CookieHubGA, CookieHubPixel et CookieHubYoutube pour éviter une exécution prématurée.
Contrôle événementiel quand vous en avez besoin
Réagissez aux changements de consentement en utilisant des événements tels que onAllow / onRevoke ou des hooks d'API JS.
CookieHub s'intègre parfaitement à l'application. Aucune modification côté serveur. Aucune reconfiguration complexe. L'installation se fait en quelques étapes seulement : suivez le guide du package.
Ajoutez le package à votre projet et maintenez-le à jour.
Initialisez au niveau du composant racine. Pour les frameworks SSR (comme Next.js), initialisez côté client afin d'éviter l'exécution côté serveur.
Utilisez les composants de script fournis (ou les événements CookieHub) afin que les balises ne s'exécutent qu'après consentement.
Vérifiez que les cookies ne sont pas déclenchés avant le consentement et utilisez les contrôles/événements CookieHub pour tout comportement de suivi personnalisé.
Oui. La documentation du package recommande d'initialiser CookieHub côté client (par exemple, via un composant client / useEffect) car il dépend de window.
Utilisez CookieHubScript (et les composants associés) pour charger des scripts avec une catégorie requise, ou connectez-vous à des événements de consentement comme onAllow pour initialiser les outils uniquement après le consentement.
Oui, react-cookiehub inclut des composants comme CookieHubGA et CookieHubPixel conçus pour charger ces outils sans s'exécuter avant le consentement.
CookieHub prend en charge les événements (par exemple, lorsqu'une catégorie est autorisée/révoquée) et une API JavaScript que vous pouvez utiliser pour mettre à jour immédiatement le comportement de votre application.
react-cookiehub initialise CookieHub avec votre « code de domaine » (comme indiqué dans la documentation du package).
©2018-2026 CookieHub ehf.
CookieHub CMP offers tools and services for managing cookies and online privacy.
