SPAs e SSR (Next.js, etc.)
Frameworks que hidratam a interface podem carregar a CMP tarde demais ou duas vezes. A regra permanece: window.INTA e depois uc.js, o mais cedo possível no documento HTML real.
Next.js (App Router)
- Prefira
app/layout.tsx(ou layout raiz) com componente servidor ou cliente que emita o snippet no<head>. - Com
next/script, garanta que a CMP rode antes dos scripts de analytics na ordem do documento —strategy="beforeInteractive"pode servir para o carregador da CMP; evite GA com ordem efetiva mais cedo. - Não monte a CMP só dentro de uma rota cliente profunda (ex.: um único componente de página), a menos que cada rota de entrada a inclua.
React (SPA)
- Adicione as duas tags script em
public/index.htmlou no modelo HTML do framework, não só dentro de um componente montado tarde. - Busque
uc.jsduplicado no bundle ao adicionar scripts de terceiros via plugins.
Vue / Nuxt / SvelteKit
- Use o layout raiz ou
app.html/ hooks de head para que a CMP esteja na resposta HTML inicial da primeira pintura.
Verificar
- Exibir código-fonte da página (não só Elementos):
uc.jsdeve aparecer no HTML bruto. - Banner ausente ou consentimento reiniciado na navegação: Solução de problemas.
Veja também
Last updated