Las aplicaciones React cargan scripts dinámicamente y navegan sin actualizar la página completa, por lo que el seguimiento puede activarse anticipadamente si el consentimiento no se gestiona correctamente. CookieHub añade una capa de consentimiento completo a tu sitio React, bloquea las cookies no esenciales hasta su aprobación y ayuda a que tu aplicación cumpla con el RGPD, la CCPA y otras normativas de privacidad.
CookieHub se integra perfectamente en proyectos React a través de react-cookiehub, lo que proporciona un banner de consentimiento, carga de scripts basada en consentimiento y un estado de consentimiento consistente en todos los cambios de ruta. Una vez instalado, CookieHub gestiona la lógica de consentimiento y mantiene la coherencia del comportamiento en toda la aplicación.
Para una instalación paso a paso, consulta la guía de paquetes de React.
Beneficios clave:
Bloquea scripts de seguimiento antes del consentimiento (seguro para SPA)
Mantiene la coherencia del comportamiento del consentimiento en todo el enrutamiento del lado del cliente
Controla scripts de terceros por categoría (analítica, marketing, etc.)
Usa componentes integrados para scripts comunes (GA, Pixel, YouTube)
Amplía el control con eventos/métodos de CookieHub cuando sea necesario
React facilita la carga accidental de seguimiento al montar componentes, cambiar rutas o cargar scripts de forma diferida. CookieHub soluciona esto actuando como autoridad de consentimiento y ofreciendo una forma predecible de inicializar el consentimiento una vez y filtrar scripts por categoría de consentimiento, sin dispersar las comprobaciones de consentimiento en todos los componentes.
Qué aporta CookieHub a React.js
Carga de scripts con consentimiento primero
Solo cargue etiquetas de análisis/marketing después de que el usuario otorgue la categoría requerida.
Inicialización compatible con SPA
Inicialice una vez en la raíz de la aplicación y mantenga el estado de consentimiento estable en todos los cambios de ruta.
Componentes para herramientas de seguimiento comunes
Utilice componentes especialmente diseñados como CookieHubScript, CookieHubGA, CookieHubPixel y CookieHubYoutube para evitar una ejecución prematura.
Control basado en eventos cuando lo necesitas
Reaccione a los cambios de consentimiento utilizando eventos como onAllow / onRevoke o ganchos de API JS.
CookieHub se integra perfectamente a nivel de app. Sin cambios en el backend. Sin reconfiguraciones complejas. La configuración solo requiere unos pasos: sigue la guía del paquete.
Agregue el paquete a su proyecto y manténgalo actualizado.
Inicializar en el componente raíz. Para frameworks SSR (como Next.js), inicializar en el lado del cliente para evitar la ejecución en el servidor.
Utilice los componentes de script proporcionados (o eventos de CookieHub) para que las etiquetas solo se ejecuten después del consentimiento.
Confirme que las cookies no se activen antes del consentimiento y utilice los controles/eventos de CookieHub para cualquier comportamiento de seguimiento personalizado.
Sí. La documentación del paquete recomienda inicializar CookieHub del lado del cliente (por ejemplo, a través de un componente de cliente / useEffect) porque depende de la ventana.
Utilice CookieHubScript (y componentes relacionados) para cargar scripts con una categoría requerida, o conéctese a eventos de consentimiento como onAllow para inicializar herramientas solo después del consentimiento.
Sí, react-cookiehub incluye componentes como CookieHubGA y CookieHubPixel diseñados para cargar esas herramientas sin ejecutarse antes del consentimiento.
CookieHub admite eventos (por ejemplo, cuando se permite o revoca una categoría) y una API de JavaScript que puedes usar para actualizar el comportamiento de tu aplicación inmediatamente.
react-cookiehub inicializa CookieHub con su “código de dominio” (como se muestra en la documentación del paquete).
©2018-2026 CookieHub ehf.
CookieHub CMP offers tools and services for managing cookies and online privacy.
