Como integrar o Hotjar com sua loja Shopify

Ao otimizar sua loja Shopify para conversões mais altas, é fundamental entender como os visitantes interagem com suas páginas.

O Hotjar ajuda você a visualizar o comportamento do usuário por meio de mapas de calor, rastreamento de rolagem e gravações de sessão, para que você possa tomar decisões informadas sobre design e conteúdo.

Sobre Hotjar

Hotjar é uma ferramenta popular de análise de comportamento e feedback que ajuda os lojistas da Shopify a entender como os visitantes interagem com suas lojas.

Ele fornece mapas de calor, rastreamento de rolagem, gravações de sessão e widgets de feedback, permitindo que você identifique pontos problemáticos e melhore a jornada do cliente.

O Hotjar permite que você:

• Visualize onde os usuários clicam ou passam mais tempo em suas landing pages.
• Detecte problemas de design ou layout que podem afetar as conversões.
• Otimize elementos como CTAs, banners e seções de produtos com base em dados reais de usuários.

Antes que você comece

Antes de começar, certifique-se de ter:

• Uma conta Hotjar (com seu código de rastreamento pronto).
• Acesso ao seu administrador do Shopify.
• Uma loja Shopify publicada (não uma versão de desenvolvimento ou sandbox).

Como adicionar o código de rastreamento Hotjar ao seu Shopify?

Siga estas etapas para conectar o Hotjar à sua loja Shopify:

Etapa 1 - Faça login no seu Conta Hotjar.

Etapa 2 - Na barra lateral esquerda, vá para Prepare-se, então clique Copiar código.

Etapa 3 - Em sua Administrador do Shopify, navegar para Loja Online > Temas, clique no ícone de três pontos e selecione Editar Código da lista suspensa.

Etapa 4 - Abra o seu theme.liquid arquivo.

Etapa 5 - Cole o código de rastreamento do Hotjar pouco antes do fechamento </head> etiqueta.

Uma vez feito isso, clique Economize.

Como adicionar o código de rastreamento do Hotjar ao GemPages?

Se você já adicionou o código Hotjar ao seu tema Shopify, o rastreamento também será aplicado automaticamente a todos Construído por GemPages páginas publicadas sob o mesmo domínio.

Se você quiser rastrear o comportamento do visitante em páginas específicas criadas pelo GemPages, você pode adicionar seu script Hotjar usando o Elemento de código personalizado.

Veja como fazer isso:

Etapa 1 - No painel do GemPages, vá para PÁGINAS e clique na página de destino para abri-la no editor.

Etapa 2 - De acordo com o relatório Editor de GemPages, use a barra de pesquisa para localizar o elemento Código Personalizado. Em seguida, arraste e solte o elemento na sua página.

Etapa 3 - Na barra lateral esquerda, clique no botão Code sob a Código personalizado seção para abrir o painel de código.

Etapa 4 - Sob o HTML / CSS guia, cole seu código de rastreamento Hotjar.

Uma vez feito isso, clique Economize e acerte Publicar para republicar sua página com as atualizações.

Verifique sua integração com o Hotjar

Para confirmar se o Hotjar está funcionando corretamente:

Etapa 1 - Vá para o seu Painel do Hotjar para verificar o status do site.

Etapa 2 - Você deve ver um verde “Rastreamento ativo” indicador quando sua loja recebe tráfego.

Se o status mostrar “Não rastreando”, analise os pontos abaixo:

• A loja ainda está em um Shopify Sandbox ambiente: O Hotjar não rastreia prévias ou lojas de desenvolvimento.
• O script de rastreamento não foi colocado corretamente: certifique-se de que ele foi adicionado antes no seu tema ou no Elemento de Código Personalizado no GemPages.
• Sua página ainda não recebeu nenhum tráfego real de visitantes.
• Cache do navegador: limpe o cache ou verifique novamente Modo incógnito.

Para mais detalhes, consulte a documentação do Hotjar: Como instalar o Hotjar no seu site Shopify.

Perguntas frequentes sobre a integração do Hotjar

1. Posso usar o Hotjar no modo sandbox ou de visualização do Shopify?

Não. O Hotjar faz não oferece suporte a ambientes Shopify Sandbox, incluindo lojas de pré-visualização ou desenvolvimento. Você deve ter um loja ao vivo e acessível ao público para que o rastreamento funcione corretamente.

2. O Hotjar rastreia automaticamente as páginas GemPages?

Se o código de rastreamento Hotjar for adicionado ao tema do seu Shopify theme.liquid, ele também será carregado em Construído por GemPages páginas publicadas sob o mesmo domínio.

No entanto, se sua página usa um Domínio personalizado, subdomínio, ou publicação independente configuração, você deve adicionar manualmente o código usando GemPages, Elemento de código personalizado para garantir um rastreamento preciso.

3. E se o Hotjar não detectar meu site?

Garanta que:

• Sua loja é viver (não sandbox).
• O script é colocado antes do fechamento </head> etiqueta.
• Você limpou o cache ou testou no modo anônimo.

Se o problema persistir, consulte Guia de configuração do Shopify da Hotjar.

4. Qual é a diferença entre Hotjar e Microsoft Clarity?

• Hotjar oferece ferramentas de feedback mais avançadas (pesquisas, rastreamento de cliques) e insights detalhados para planos pagos.
• Clareza da Microsoft é completamente gratuitamente, com mapas de calor e gravações de sessão ilimitados.

Consulte Este artigo para mais detalhes sobre a integração do Microsoft Clarity com o Shopify.