O Google Tag Manager deve ser instalado em seu site antes de seguir este guia
Se você ainda não instalou o Google Tag Manager, precisará configurá-lo primeiro. Use o artigo de Configuração e instalação do Tag Manager do Google para aprender como fazer isso.
Este guia descreve como instalar o código de rastreamento do Hotjar usando o Google Tag Manager (GTM). As três opções para essa instalação são:
- Integração do Hotjar e Google Tag Manager
- Tag de Código de Rastreamento do Hotjar dentro do Google Tag Manager
- Tag HTML personalizada dentro do Google Tag Manager
Você também pode usar o GTM para Enviar Eventos para o Hotjar e Definir Atributos de Usuário
Após instalar o Hotjar, você também pode usar o GTM para enviar Eventos e Atributos de Usuário. Saiba mais em nossos artigos Como Enviar Atributos de Usuário com o Google Tag Manager e Como Enviar Eventos para o Hotjar com o Google Tag Manager
Integração do Hotjar e Google Tag Manager
Acesse sua página de Sites e clique em Instalar código de rastreamento.
Se o Hotjar foi previamente instalado em seu site, mas posteriormente removido, você pode não ver a opção "Instalar código de rastreamento". Se a opção "Instalar código de rastreamento" não estiver presente, será necessário seguir uma das outras opções de instalação mencionadas neste artigo.
Clique em Iniciar configuração na janela Instalar com o Google Tag Manager.
Você só verá esta opção se seu site tiver um contêiner GTM instalado
A primeira etapa desta integração será exibida se o Hotjar detectar automaticamente que seu site possui um contêiner GTM. Se você não ver a primeira etapa, siga as etapas para instalar a Tag de Código de Rastreamento do Hotjar dentro do Google Tag Manager.
Selecione a conta do Google conectada ao contêiner GTM em seu site.
Este é o site onde você instalará o Código de Rastreamento do Hotjar.
Vendo algumas telas ligeiramente diferentes?
O Google controla todas as etapas que envolvem o login no GTM e a concessão de permissão ao Hotjar. O fluxo exato e a aparência da página podem mudar, mas as etapas não devem mudar muito.
Selecione todas as permissões de acesso para o Hotjar e clique em Continuar.
Selecione sua conta GTM e seu contêiner de tag GTM, em seguida, clique em Criar e Publicar Tag.
Certifique-se de escolher o Contêiner GTM instalado em seu site
O Hotjar informará aqui se você não tiver nenhum contêiner nesta Conta do Google. Se não tiver, siga as instruções na documentação oficial do Google.
Clique em Confirmar e Criar.
Aguarde alguns minutos para o Google responder, em seguida, clique em Verificar Instalação.
Siga o prompt de Verificar Instalação.
Você deverá ver uma mensagem confirmando a instalação. Se não visualizar, consulte nosso artigo Como Verificar se o Hotjar Está Funcionando. Sinta-se à vontade para entrar em contato conosco se precisar de ajuda!
Tag de Código de Rastreamento do Hotjar de dentro do Google Tag Manager
No seu dashboard do Google Tag Manager, clique em Adicionar uma nova tag.
Clique no ícone de tag e selecione Código de Rastreamento do Hotjar na lista.
Insira o seu ID do Site do Hotjar no campo de texto.
Para obter seu ID do Site do Hotjar, visite sua página de Sites. Aqui você verá uma lista dos Sites e Organizações aos quais você tem acesso, juntamente com os IDs dos Sites à esquerda da URL do Site.
Clique na área de Disparo para escolher em quais páginas o Código de Rastreamento aparecerá.
Selecione Todas as Páginas para o disparo e então clique em Salvar.
Aplicações de Página Única devem usar apenas o tipo de disparo "Visualização de Página"
Os disparos de mudança de estado do Google Tag Manager entram em conflito com o próprio sistema do Hotjar para detectar alterações em aplicações de página única. Para mais informações, dê uma olhada no artigo do Google Tag Manager sobre o disparo de Visualização de Página.
Clique no botão Enviar no canto superior direito da página do Espaço de Trabalho.
Clique no botão Publicar para publicar a tag.
Aguarde alguns minutos para o Google e então verifique se a instalação funcionou de dentro do Hotjar.
Você deverá ver uma mensagem confirmando a instalação dentro do Hotjar. Se não visualizar, consulte nosso artigo Como Verificar se o Hotjar Está Funcionando.
Tag HTML Personalizada de dentro do Google Tag Manager
Vá para a sua página de Sites e clique no link Ver código de rastreamento para o Site que deseja rastrear.
Clique em Copiar para a Área de Transferência.
Na página do Espaço de Trabalho do Google Tag Manager, clique no botão Adicionar uma Nova Tag.
Clique dentro da área de Configuração da Tag.
Selecione HTML Personalizado na lista.
Cole o código que você copiou anteriormente do Hotjar no campo de texto.
Clique dentro da área de Disparo.
Clique em Todas as Páginas.
Isso é importante - se você escolher qualquer outro disparo, o Hotjar não funcionará corretamente.
Dê um nome à tag e então clique no botão Salvar.
Enviar suas alterações.
Certifique-se de que seu ambiente ao vivo está selecionado e clique em Publicar.
Aguarde alguns minutos para o Google e então verifique se a instalação funcionou dentro do Hotjar.
Você deverá ver uma mensagem confirmando a instalação dentro do Hotjar. Se não visualizar, visite Solucionando Problemas na Instalação do Google Tag Manager para verificar suas configurações no GTM.
Se você seguir esse artigo e as configurações estiverem corretas no GTM, visite nosso Como Verificar se o Hotjar Está Funcionando para etapas adicionais de solução de problemas.