O Google Tag Manager deve estar instalado em seu site antes de você seguir este guia
Se você ainda não tiver o Google Tag Manager instalado, precisará configurá-lo primeiro. Use o artigo do Google Setup and install Tag Manager para saber como fazê-lo.
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: usar o Hotjar e a integração com o Google Tag Manager:
- Integração entre o Hotjar e o Google Tag Manager
- Tag do código de rastreamento do Hotjar no Gerenciador de tags do Google
- Tag HTML personalizada do Gerenciador de tags do Google
Você também pode usar o GTM para enviar eventos para o Hotjar e definir atributos de usuário
Depois de 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 do Google Tag Manager
Acesse sua página Sites e clique em Instalar código de rastreamento.
Se o Hotjar tiver sido instalado anteriormente em seu site, mas removido posteriormente, talvez você não veja a opção "Instalar código de rastreamento". Se a opção "Install tracking code" (Instalar código de rastreamento) não estiver presente, você precisará 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á essa opção se o seu site tiver um contêiner do GTM instalado
Você verá a primeira etapa dessa integração se o Hotjar tiver detectado automaticamente que seu site tem um contêiner do GTM. Se você não vir a primeira etapa, siga as etapas para instalar a tag Hotjar Tracking Code no Google Tag Manager.
Selecione a conta do Google conectada ao contêiner do GTM em seu site.
Esse é o site em que você instalará o código de rastreamento do Hotjar.
Está 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 Continue (Continuar).
Selecione sua conta GTM e seu contêiner de tag GTM e clique em Create and Publish Tag (Criar e publicar tag).
Certifique-se de escolher o contêiner GTM que está instalado em seu site
O Hotjar informará aqui se você não tem nenhum contêiner nessa conta do Google. Se não tiver, siga as instruções na documentação oficial do Google.
Clique em Confirm and Create (Confirmar e criar).
Aguarde alguns minutos para que o Google responda e, em seguida, clique em Verificar instalação.
Siga o prompt Verificar instalação.
Você deverá ver uma mensagem confirmando a instalação. Se isso não acontecer, consulte nosso artigo Como verificar se o Hotjar está funcionando. Fique à vontade para entrar em contato conosco se precisar de ajuda!
Tag de código de rastreamento do Hotjar no Google Tag Manager
No painel do Google Tag Manager, clique em Adicionar uma nova tag.
Clique no ícone da tag e selecione Hotjar Tracking Code na lista.
Digite seu Hotjar Site ID no campo de texto.
Para obter sua ID do site do Hotjar, visite sua página Sites. Nessa página, você verá uma listagem dos Sites e Organizações aos quais tem acesso, juntamente com os IDs do Site à esquerda do URL do Site.
Clique na área Triggering (Acionamento ) para escolher em quais páginas o código de rastreamento aparecerá.
Selecione All Pages (Todas as páginas ) para o acionador e clique em Save (Salvar).
Os aplicativos de página única devem usar apenas o tipo de acionador "Exibição de página"
Os acionadores de alteração de estado do Gerenciador de tags do Google entram em conflito com o próprio sistema do Hotjar para detectar alterações em aplicativos de página única. Para obter mais informações, dê uma olhada no artigo do Google Tag Manager sobre o acionador Page View.
Clique no botão Submit (Enviar ) no canto superior direito da página Workspace.
Clique no botão Publish (Publicar ) para publicar a tag.
Aguarde alguns minutos para o Google e, em seguida, verifique se a instalação funcionou no Hotjar.
Você deverá ver uma mensagem confirmando a instalação no Hotjar. Se isso não acontecer, consulte nosso artigo Como verificar se o Hotjar está funcionando.
Tag HTML personalizada no Google Tag Manager
Vá para a página Sites e clique no link Exibir código de rastreamento do site que você deseja rastrear.
Clique em Copiar para a área de transferência.
Na página Google Tag Manager Workspace, clique no botão Add a New Tag (Adicionar uma nova tag ).
Clique na área Configuração de tag.
Selecione HTML personalizado na lista.
Cole o código que você copiou anteriormente do Hotjar no campo de texto.
Clique na área Triggering (Acionamento ).
Clique em All Pages (Todas as páginas).
Isso é importante - se você escolher qualquer outro acionador, o Hotjar não funcionará corretamente.
Nomeie a tag e clique no botão Salvar.
Envie suas alterações.
Certifique-se de que seu ambiente ativo esteja selecionado e clique em Publicar.
Aguarde alguns minutos no Google e, em seguida, verifique se a instalação funcionou no Hotjar.
Você deverá ver uma mensagem confirmando a instalação no Hotjar. Se isso não acontecer, visite Solução de problemas de instalação do Google Tag Manager para verificar suas configurações do GTM.
Se você ler esse artigo e as configurações estiverem corretas no GTM, visite nosso guia Como verificar se o Hotjar está funcionando para obter etapas adicionais de solução de problemas.