Este artigo passa por como instalar seu código de rastreamento do Hotjar em seu site Shopify.
O checkout integrado do Shopify não permite a instalação de scripts de terceiros como o Hotjar. No entanto, fornecemos uma solução alternativa para rastrear o fluxo de checkout do Shopify em uma seção separada abaixo.
- Como instalar o Hotjar em seu site Shopify
- Uma solução alternativa para rastrear o fluxo de checkout do Shopify
Para clientes não Shopify Plus, o checkout do Shopify bloqueia scripts de terceiros como o Hotjar
Se você tem o Shopify Plus, talvez consiga adicionar scripts de terceiros à sua página de checkout e deve conversar com seu Gerente de Sucesso do Comerciante no Shopify para adicionar o Hotjar ao seu checkout.
Para clientes não Shopify Plus, você pode instalar o Hotjar em sua loja Shopify, no entanto o checkout integrado do Shopify bloqueará scripts de terceiros, incluindo o Hotjar. Esta é uma limitação dentro do Shopify, no entanto, podemos sugerir uma solução alternativa para rastrear o fluxo de checkout do Shopify.
Como instalar o Hotjar em seu site Shopify
O Hotjar não funcionará em ambientes de sandbox do Shopify
Se o código de rastreamento do Hotjar estiver instalado em um ambiente de sandbox do Shopify, nenhum dado será coletado e as ferramentas de Perguntas não serão exibidas. Isso ocorre devido às medidas de segurança do Shopify em relação aos dados disponíveis no sandbox.
Para saber mais, visite o artigo do Centro de Ajuda do Shopify: Limitações do Pixel de Sandbox
Vá para sua página de Sites do Hotjar e clique em Instalar código de rastreamento para o seu site.
Clique em Adicionar código manualmente.
Clique em Copiar para copiar o Código de Rastreamento para a área de transferência.
Acesse seu dashboard do Administrador do Shopify.
Clique em Loja on-line, depois clique em Temas.
No seu tema atual, clique em Ações e depois selecione Editar código.
Dentro da pasta Layout, clique em theme.liquid.
Role a página para baixo no arquivo theme.liquid até encontrar a tag de fechamento </head>.
Alguns temas podem usar uma variação das tags <head> </head> como {/head}, [/header], ou outras variações de [/head]. Todas funcionam da mesma maneira.
Cole seu código de rastreamento do Hotjar logo antes da tag de fechamento </head>.
Clique em Salvar para aplicar as alterações.
Siga o próximo conjunto de passos para também instalar o Hotjar na página de status do pedido
Usando os passos acima, o código de rastreamento do Hotjar deve estar instalado em sua loja Shopify. Para também rastrear a página de status do pedido, você precisará instalar o Código de Rastreamento em outra seção do Shopify. Siga os passos abaixo para obter ajuda com isso.
Para instalar o Código de Rastreamento em sua página de status do pedido, dentro da barra lateral do Administrador do Shopify, clique em Configurações.
Clique em Checkout.
Role a página para baixo até encontrar a seção Scripts da página de status do pedido. Cole o Código de Rastreamento do Hotjar no campo de texto.
Clique em Salvar.
O Código de Rastreamento do Hotjar deve estar instalado em sua página de status do pedido. Isso não instala o Código de Rastreamento em seu checkout do Shopify, pois o checkout integrado do Shopify não permite scripts de terceiros, como o Hotjar.
Uma solução alternativa para rastrear o fluxo de checkout do Shopify
Infelizmente, o checkout integrado do Shopify não permite que scripts de terceiros, como o Hotjar, funcionem nas páginas de checkout. No entanto, abaixo está uma possível solução alternativa para rastrear o fluxo de checkout do Shopify no Hotjar:
Rastreie a página de status do pedido
O Shopify permite que o Hotjar funcione em sua página de status do pedido. Isso significa que você pode filtrar os usuários que fizeram uma compra usando o filtro URL contém para Recordings e Heatmaps, com base na URL da página de confirmação do pedido do seu site. Por exemplo, após uma compra, os usuários podem ver uma página com uma URL que contém /thank_you e você pode filtrar Recordings e Heatmaps com base nesta URL. Você precisará verificar a URL específica usada para o seu site, que pode ser diferente de /thank_you, e usar essa informação ao filtrar.
Adicione gatilhos de evento para comparar aqueles que compraram com usuários que não concluíram o processo de checkout
Se você estiver interessado em comparar usuários que fizeram uma compra versus aqueles que iniciaram o processo de checkout, mas não o concluíram, você pode explorar adicionando gatilhos de Eventos aos botões em seu site que levariam os usuários para a página de checkout. As gravações podem então ser filtradas com base nesses eventos, para comparar os seguintes segmentos de usuários:
- Usuários que clicaram nos botões e chegaram à página de confirmação do pedido.
- Usuários que clicaram nos botões e não chegaram à página de confirmação do pedido.
Com dificuldades para instalar o código de rastreamento do Hotjar?
Visite nossos artigos sobre Como Verificar Se o Hotjar Está Funcionando e Perguntas frequentes de solução de problemas para instalação do código de rastreamento para orientações de solução de problemas.