Documentação
O Intastellar Consents é uma CMP centrada em script para sites pequenos e equipes que publicam HTML ou GTM próprios: o rastreamento não essencial não roda como plenamente consentido antes da escolha do visitante, o Google Consent Mode v2 pode alinhar-se ao seu ID de medição quando você configura gtagId e as definições das tags, e análise ou anúncios podem continuar em modos conscientes de consentimento após aceitar—sem prometer uma „conformidade total“ vaga (isso sempre depende dos seus textos de política, lista de fornecedores e o trigger de cada tag).
Modelo de confiança: o produto aplica os mecanismos de consentimento documentados aqui. Você é responsável pelo posicionamento correto, configuração GTM e posicionamento jurídico. Seguindo Início rápido → Como funciona → Conceitos fundamentais, você pode verificar o comportamento em DevTools e GTM Preview antes da produção.
Comece aqui
Início rápido
Como funciona
Conceitos fundamentais
Solução de problemas
~5 min de instalação · depois leia para produção
Referência para desenvolvedores
| Tópico | Guia |
|---|---|
| Início rápido (~5 min) | Início rápido — copiar e colar window.INTA + uc.js, posição exata no <head>, expectativa antes/depois do consentimento |
| Arquitetura | Como funciona — ordem de carregamento da página, modelo de bloqueio, sinais GTM/GA/Meta |
| Conceitos fundamentais | Conceitos fundamentais — finalidades, estados de consentimento, bloqueio vs. suas tags, divisão de responsabilidades |
| Solução de problemas | Solução de problemas — banner ausente, tags cedo demais, consentimento instável, triggers GTM |
| Snippet JS completo | Primeiros passos (JavaScript) — opções comuns + branding |
| SPAs / Next.js | SPAs and SSR |
Campos window.INTA | window.INTA (JSON Schema) |
| Ordem de carregamento e bloqueio | Ciclo de vida do script |
| Eventos / superfície de API | Eventos e API |
| Integrações (catálogo) | Visão geral das integrações — páginas dedicadas: WordPress, Shopify, GTM, GA4, Meta, HubSpot, Clarity & UET, Matomo, Optimizely, VWO, Segment, Pinterest |
| Google Consent Mode | Google Consent Mode |
| GTM | Google Tag Manager |
| GA4 | Google Analytics 4 |
| Meta Pixel | Meta Pixel |
| TCF, Cookie Observer | Recursos avançados |
| Idiomas e regiões | Idioma e regiões |
Visão geral pública (fora da documentação): Intastellar Consents. Planos e preços: página do produto (preços).
WordPress: build empacotado mais recente (v3.3.9) — Baixar plugin (ZIP).
Implementado por
JavaScript
Para sites personalizados, adicione window.INTA mais uc.js no <head>. Você pode tematizar a UI e usar um banner totalmente personalizado combinando o script com os hooks CSS documentados.
Primeiros passos (JavaScript) · Experimentar
Google Tag Manager
Carregue o mesmo trecho de JavaScript: primeiros passos em uma tag HTML personalizado. Use Consent Initialization – All pages (ou equivalente) para o banner rodar antes das tags de analytics e marketing. Adicione outras tags só depois de o consentimento ter sido aplicado.
Primeiros passos (Google Tag Manager)
WordPress
Use o plugin se preferir configurar no wp-admin em vez de código. Baixe em cookie-solutions/downloads ou instale pelo WordPress.org — o nome do plugin na loja é histórico; no Brasil, alinhe textos e políticas à LGPD.
O build WordPress não suporta markup de banner totalmente personalizado como a integração JavaScript.
Shopify
Ainda não há app na Shopify App Store. Adicione o script de consentimento editando o tema theme.liquid (Liquid) — o mesmo trecho window.INTA da integração JavaScript.
Ao implementar a solução você concorda com a política de privacidade do banner de cookies.
Perguntas frequentes
Posso usar meu próprio design?
Sim. Carregue o script e estilize ou substitua o banner usando as classes CSS documentadas para manter o layout da sua marca.
O banner não aparece — o que verificar?
WordPress: Defina uma URL válida de política de privacidade no plugin (Intro ou Política de privacidade). Veja Configuração (WordPress).
JavaScript: Garanta que policy_link / settings.privacy_policy aponte para uma URL real. Veja Primeiros passos (JavaScript).
Shopify: Coloque o trecho em layout/theme.liquid e defina policy_link para uma URL de política acessível (por exemplo a página de privacidade da loja). Veja Shopify.
Onde coloco o link da política de privacidade?
Em JavaScript, use settings.privacy_policy (e/ou policy_link) em window.INTA. No WordPress, use os campos Intro ou Política de privacidade do plugin.
Ajude a construir
- Changelog — Intastellar Consents (GitHub) e Intastellar Sign-In (npm + GitHub)
- Buscar toda a documentação
- Esquema JSON
window.INTA
Last updated