La DPDPA ya está en vigor en India. Ejecuta un análisis de privacidad gratuito en tu sitio. Analizar ahora

Framework

ConsentX para React & Next.js

Carga ConsentX en cualquier app de React o Next.js desde el head del documento.

En resumen
Para añadir un banner de consentimiento de cookies a React & Next.js, pega el fragmento de ConsentX una sola vez en el head de tu sitio. En Next.js, añade el fragmento en app/layout.tsx dentro de <head> (o usa next/script con la estrategia beforeInteractive). En una app de React normal, añádelo a public/index.html antes de </head>. Después, el banner se carga en todas las páginas, bloquea los rastreadores no esenciales antes del consentimiento y aplica tus reglas de DPDPA, GDPR y CCPA desde el panel.

Instalar en React & Next.js

1
Copia tu fragmento

En ConsentX, abre Install y copia el fragmento de inserción de tu cuenta. Es una pequeña etiqueta <script> limitada a tu dominio.

2
Pégalo en el head

En Next.js: añade el fragmento a <head> en app/layout.tsx, o usa next/script con strategy='beforeInteractive'. En React normal: añádelo a public/index.html antes de </head>.

3
Publicar

Guarda y publica tu sitio. El banner de consentimiento aparece en la siguiente carga.

4
Configúralo en el panel

Define el diseño del banner, las categorías de cookies y las reglas por región en ConsentX. Los cambios llegan a tu sitio en producción sin volver a desplegar.

Consigue tu fragmento: empieza gratis

Instalación con una sola etiqueta

Añade el fragmento una sola vez en el head de tu sitio. El banner se carga solo en todas las páginas.

Consent Mode v2 + bloqueo previo

Las señales de Google se deniegan por defecto y los rastreadores no esenciales permanecen inactivos hasta que el visitante elige.

Reglas por región

Un mismo banner se adapta a GDPR, CCPA, LGPD y DPDPA desde tu panel, sin volver a desplegar.

Preguntas frecuentes

Otras plataformas

WebflowFramerBigCommerceMagento (Adobe Commerce)DrupalJoomlaGhostHubSpot CMSStatic HTMLTodas las integraciones