Le app React caricano gli script in modo dinamico e navigano senza aggiornare completamente la pagina, quindi il monitoraggio può attivarsi in anticipo se il consenso non viene gestito correttamente. CookieHub aggiunge un livello di consenso completo al tuo sito React, blocca i cookie non essenziali fino all'approvazione e ti aiuta a mantenere la tua app in linea con GDPR, CCPA e altre normative sulla privacy.
CookieHub si integra perfettamente nei progetti React tramite react-cookiehub, offrendo un banner di consenso, il caricamento degli script basato sul consenso e uno stato di consenso coerente in tutte le modifiche al percorso. Una volta installato, CookieHub gestisce la logica del consenso e mantiene un comportamento coerente in tutta l'app.
Per un'installazione dettagliata, consulta la guida al pacchetto React.
Vantaggi principali:
Blocca gli script di tracciamento prima del consenso (sicuro per SPA)
Mantieni il comportamento del consenso coerente in tutto il routing lato client
Controlla gli script di terze parti per categoria (analisi/marketing/ecc.)
Utilizza componenti integrati per script comuni (GA, Pixel, YouTube)
Estendi il controllo con eventi/metodi CookieHub quando necessario
React facilita il caricamento accidentale del tracciamento quando i componenti vengono montati, i percorsi cambiano o gli script vengono caricati in modalità lazy-load. CookieHub risolve questo problema fungendo da autorità di consenso e offrendo un modo prevedibile per inizializzare il consenso una sola volta e filtrare gli script in base alla categoria di consenso, senza dover distribuire i controlli di consenso tra i componenti.
Cosa aggiunge CookieHub a React.js
Caricamento dello script con consenso prima
Caricare i tag di analisi/marketing solo dopo che l'utente ha concesso la categoria richiesta.
Inizializzazione SPA-friendly
Inizializza una volta alla radice dell'app e mantieni stabile lo stato del consenso durante le modifiche del percorso.
Componenti per strumenti di tracciamento comuni
Utilizza componenti appositamente creati come CookieHubScript, CookieHubGA, CookieHubPixel e CookieHubYoutube per evitare l'esecuzione prematura.
Controllo basato sugli eventi quando ne hai bisogno
Reagisci alle modifiche del consenso utilizzando eventi come onAllow / onRevoke o hook API JS.
CookieHub si integra perfettamente a livello di app. Nessuna modifica al backend. Nessuna riorganizzazione complessa. L'installazione richiede solo pochi passaggi: segui la guida del pacchetto.
Aggiungi il pacchetto al tuo progetto e tienilo aggiornato.
Inizializzare al componente radice. Per i framework SSR (come Next.js), inizializzare lato client per evitare l'esecuzione sul server.
Utilizzare i componenti script forniti (o gli eventi CookieHub) in modo che i tag vengano eseguiti solo dopo il consenso.
Prima di dare il consenso, verifica che i cookie non vengano attivati e utilizza i controlli/eventi di CookieHub per qualsiasi comportamento di tracciamento personalizzato.
Sì. La documentazione del pacchetto consiglia di inizializzare CookieHub lato client (ad esempio, tramite un componente client / useEffect) perché si basa su window.
Utilizza CookieHubScript (e i componenti correlati) per caricare script con una categoria richiesta oppure agganciati a eventi di consenso come onAllow per inizializzare gli strumenti solo dopo il consenso.
Sì, react-cookiehub include componenti come CookieHubGA e CookieHubPixel progettati per caricare tali strumenti senza essere eseguiti prima del consenso.
CookieHub supporta eventi (ad esempio, quando una categoria viene consentita/revocata) e un'API JavaScript che puoi utilizzare per aggiornare immediatamente il comportamento della tua app.
react-cookiehub inizializza CookieHub con il tuo "codice di dominio" (come mostrato nella documentazione del pacchetto).
©2018-2026 CookieHub ehf.
CookieHub CMP offers tools and services for managing cookies and online privacy.
