A DPDPA já está em vigor na Índia. Faça uma varredura de privacidade gratuita no seu site. Analisar agora

Framework

ConsentX para React & Next.js

Carregue a ConsentX em qualquer app React ou Next.js a partir do head do documento.

Em resumo
Para adicionar um banner de consentimento de cookies a React & Next.js, cole o snippet da ConsentX no head do seu site uma única vez. No Next.js, adicione o snippet em app/layout.tsx dentro de <head> (ou use next/script com a estratégia beforeInteractive). Em um app React puro, adicione-o a public/index.html antes de </head>. O banner passa a carregar em todas as páginas, bloqueia rastreadores não essenciais antes do consentimento e aplica suas regras de DPDPA, GDPR e CCPA definidas no painel.

Instalar em React & Next.js

1
Copie seu snippet

Na ConsentX, abra Install e copie o snippet de incorporação da sua conta. É uma pequena tag <script> restrita ao seu domínio.

2
Cole no head

No Next.js: adicione o snippet ao <head> em app/layout.tsx ou use next/script com strategy='beforeInteractive'. Em React puro: adicione-o a public/index.html antes de </head>.

3
Publicar

Salve e publique seu site. O banner de consentimento aparece no próximo carregamento.

4
Configure no painel

Defina o design do banner, as categorias de cookies e as regras por região na ConsentX. As mudanças chegam ao seu site em produção sem novo deploy.

Instalação com uma única tag

Adicione o snippet uma vez no head do seu site. O banner carrega sozinho em todas as páginas.

Consent Mode v2 + bloqueio prévio

Os sinais do Google ficam negados por padrão e os rastreadores não essenciais permanecem inertes até o visitante escolher.

Regras por região

Um único banner se adapta a GDPR, CCPA, LGPD e DPDPA a partir do seu painel, sem novo deploy.

Perguntas frequentes