Documentação

Tudo o que precisa de saber para implementar o Consentio rapidamente

Hotjar

Integração do Hotjar com o Consentio

O que é o Hotjar

Uma ferramenta para analisar o comportamento dos utilizadores em sites. Mapas de calor, gravações de sessões, funis e inquéritos ajudam a compreender como os utilizadores interagem com o seu site.

Categoria de cookies

O Hotjar pertence à categoria analytics.

Categoria Consentio Sinal GCM
analytics analytics_storage

Instalação com o Consentio

Adicione o código de monitorização do Hotjar com os atributos type="text/plain" e data-category="analytics", para que só seja carregado depois de o consentimento de analítica ser concedido:

HTML
<!-- Hotjar - bloqueado até haver consentimento de analítica -->
<script type="text/plain" data-category="analytics">
  (function(h,o,t,j,a,r){
    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
    h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};
    a=o.getElementsByTagName('head')[0];
    r=o.createElement('script');r.async=1;
    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
    a.appendChild(r);
  })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
Nota: Substitua YOUR_HOTJAR_ID pelo ID real do painel do Hotjar → Definições → Sites e Organizações.

Alternativa com API JavaScript

Carregue o Hotjar dinamicamente depois de o consentimento ser concedido:

JavaScript
Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Carregar o Hotjar
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:YOUR_HOTJAR_ID,hjsv:6};
      a=o.getElementsByTagName('head')[0];
      r=o.createElement('script');r.async=1;
      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
      a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  }
})

Integração via GTM

No Google Tag Manager, adicione uma tag Hotjar com um requisito de consentimento para analytics_storage. O Hotjar está disponível como modelo da comunidade na Galeria de Modelos do GTM.

Google Consent Mode v2

Categoria Consentio Sinal GCM
analytics analytics_storage
Dica: O Hotjar respeita o Google Consent Mode. Se utilizar o GTM, basta definir o requisito de consentimento para analytics_storage.

Verificação

  1. Abra o DevTools (F12)
  2. Antes do consentimento: o script do Hotjar não deve ser carregado
  3. Conceda o consentimento de analítica
  4. Verifique no separador Rede que o script do Hotjar foi carregado
  5. Verifique no painel do Hotjar → Sites → confirme a instalação
Snapchat PixelMicrosoft Clarity