Como adicionar banner de cookies LGPD no Criador de Sites da Hostinger
O Criador de Sites da Hostinger (Hostinger AI Builder, na central em inglês) tem um campo próprio para código externo: Código customizado, nas Configurações de Integrações do site. Este passo a passo é para sites feitos nele, não para sites WordPress hospedados na Hostinger.
O Criador de Sites da Hostinger (Hostinger AI Builder, na central em inglês) tem um campo próprio para código externo: Código customizado, nas Configurações de Integrações do site. Este passo a passo é para sites feitos nele, não para sites WordPress hospedados na Hostinger.
Passo a passo para instalar o banner de cookies LGPD no Criador de Sites da Hostinger
1. Abra as Configurações de Integrações
No Criador de Sites da Hostinger, abra as Configurações de Integrações do site e encontre o campo Código customizado. Na central em inglês, o caminho aparece como More (⋯) → Integrations → Custom code.
2. Cole o snippet com o atributo data-render-head
Cole o snippet do Consenty no campo Código customizado, com o atributo data-render-head acrescentado à tag: <script src="https://cdn.consenty.com.br/b.js" data-site="{public_key}" data-render-head></script> Segundo a central da Hostinger em inglês, tags <script> desse campo vão para o fim do <body>, a menos que tenham esse atributo. Se o campo já tiver outros códigos, o Consenty recomenda colar o snippet numa linha própria, antes deles. A Hostinger pede para colar um código debaixo do outro, nunca no meio de outro.
3. Salve e atualize o site
Clique em Salvar alterações e depois atualize o site pelo botão roxo no canto superior direito do editor (Atualizar site, na central em português; Publish, na versão em inglês). Segundo a Hostinger, o código só entra no código-fonte do site depois da atualização, e não aparece dentro do editor.
4. Confira onde o snippet ficou
Abra o site publicado no navegador, clique com o botão direito → Inspecionar e busque cdn.consenty.com.br com Ctrl+F (Cmd+F no Mac). Confirme que a tag está dentro do <head>, e não no fim do <body>, e que continua sem async nem defer. Depois, numa janela anônima, confirme que o banner aparece e passe o endereço no scanner de cookies do Consenty. O Consenty ainda não testou esse caminho num site do Criador de Sites da Hostinger.
Nota: A central da Hostinger em português, no artigo sobre o campo Código customizado, diz que ele cola o código no <head>. A versão em inglês do mesmo artigo, atualizada depois, diz que tags <script> vão para o fim do <body>, a menos que tenham o atributo data-render-head. Por isso o passo a passo usa o atributo: o script do Consenty não lê o atributo data-render-head, e ele não muda o que o script faz. Se o snippet cair no fim do <body>, o banner aparece e registra cada escolha, mas o bloqueio automático fica parcial: o que a página carregou antes dele roda antes do consentimento, e o Consenty não desfaz. Continuam segurados os scripts com marcação manual (type="text/plain" e data-category) e os rastreadores conhecidos que outro script inserir depois do Consenty. Mesmo no <head>, a Hostinger não documenta se o código customizado vem antes dos scripts do próprio Criador de Sites e das integrações nativas dele, como Google Analytics, Hotjar, Facebook Pixel e Google Tag Manager. O que carregar antes do snippet roda antes do consentimento.
Duas coisas que ajudam
O que seu site carrega hoje
O scanner mostra com quantos domínios de terceiros o seu site no Criador de Sites da Hostinger já fala antes de o visitante decidir qualquer coisa — é o ponto de partida para saber o que o banner precisa controlar.
Rodar o scanner gratuitoA política que o banner precisa citar
Um banner pede consentimento para cookies que precisam estar declarados em algum lugar. O gerador monta essa política de cookies de graça, pronta para publicar.
Gerar política de cookiesInstalar em outra plataforma
Perguntas frequentes sobre o banner de cookies no Criador de Sites da Hostinger
Não. Este passo a passo é para sites feitos no Criador de Sites da Hostinger. Se o seu site é WordPress, mesmo hospedado na Hostinger, siga o passo a passo do Consenty para WordPress, no link Banner de cookies para WordPress desta página.
Porque o bloqueio automático não alcança o que roda antes do snippet. Segundo a central da Hostinger em inglês, tags <script> do campo Código customizado vão para o fim do <body>, a menos que tenham o atributo data-render-head. No fim do <body>, o banner aparece e registra a escolha, mas o que a página carregou antes dele roda antes do consentimento. Confira se o atributo está na tag e se ela ficou no <head> do site publicado. Mesmo assim, as integrações nativas do Criador de Sites, como Google Analytics e Facebook Pixel, podem carregar antes do snippet: a Hostinger não documenta essa ordem.
Sim. Segundo a Hostinger, o código do campo Código customizado só entra no código-fonte do site depois que você salva e atualiza o site. Dentro do editor ele não aparece: confira no site publicado.
Pronto para instalar no Criador de Sites da Hostinger?
O banner que bloqueia rastreadores e registra cada consentimento faz parte dos planos pagos, a partir de R$ 49 por mês. Os planos Site e Negócio têm 14 dias de teste sem cartão. Ainda sem política de privacidade? Essa é grátis e fica num link permanente que você cola no rodapé do Criador de Sites da Hostinger.