A melhor maneira de rastrear a profundidade de rolagem (Spoiler: não é o Google Analytics 4!)

Este guia oferece uma introdução abrangente à profundidade de rolagem. Discutimos por que você deve monitorá-la ecomo usá-la para fazer alterações no site com base em dados.

Também analisamos o rastreamento da profundidade de rolagem usando o Google Analytics 4, e exploramos uma opção melhor para monitorar a profundidade de rolagem e melhorar a experiência do usuário (Spoiler: é a Hotjar 👋).

O que é profundidade de rolagem, e por que você deve monitorá-la?

A profundidade de rolagem é uma medida da distância que os usuários percorrem em uma página do site, o que ajuda a entender o comportamento do usuário e a melhorar a customer experience (CX). Por exemplo, suponha que você esteja fazendo um teste A/B em uma página de destino essencial, e queira saber qual layout de design ou de conteúdo está atraindo mais rolagem de tela. Ou talvez você queira saber se os visitantes chegam até os depoimentos de clientes e até os botões de call to action (CTA).

Ao monitorar a profundidade da rolagem, você obtém insights valiosos sobre como os visitantes interagem com o seu site, e quais alterações os manterão mais engajados.

Como medir a profundidade da rolagem?

Há muitas maneiras de rastrear a profundidade de rolagem de uma página. Aqui estão três das mais comuns:

1. JavaScript: requer habilidades de codificação e pode ser difícil de implementar em sites complexos

2. Google Analytics e Google Tag Manager: uma solução popular para rastrear a profundidade de rolagem, mas que não oferece tantos recursos quanto as ferramentas de terceiros

3. Ferramentas de Web Analytics de terceiros: ferramentas de mapas de calor como a Hotjar Heatmaps oferecem recursos superiores e uma melhor representação de dados do que o Google Analytics

A maioria das ferramentas que monitoram a profundidade de rolagem a representa em porcentagens, pixels ou visualmente por meio de um tipo de mapa de calor conhecido como mapa de rolagem.

Rastreamento de rolagem usando o Google Analytics e o Google Tag Manager

A combinação do Google Analytics 4 (GA4) e do Google Tag Manager (GTM) é uma opção popular para o rastreamento de rolagem. Veja por quê:

• Rastreamento de rolagemincorporado no Google Analytics 4: o GA4 oferece uma visão simples e direta do comportamento de rolagem do usuário com o seu evento incorporado que aciona cerca de 90% da profundidade de rolagem

• Rastreamento personalizado com o Google Tag Manager: O GTM permite que os usuários definam limites específicos de profundidade de rolagem em porcentagens ou pixels, e ativem tags com base nesses limites. Se você está curioso sobre rolagens de 25%, 50% ou 75%, o GTM tem o que você precisa.

• Integração perfeita: como parte do pacote de ferramentas do Google, o GA e o GTM funcionam perfeitamente com outros serviços do Google, simplificando a análise de dados

No entanto, embora o Google Analytics forneça uma visão básica e o Google Tag Manager permita uma customização detalhada, eles nem sempre fornecem uma visão completa do comportamento do usuário.

Por exemplo, ao ler algum conteúdo em um dispositivo móvel, as pessoas tendem a rolar a tela rapidamente, e podem passar diretamente por artigos mais longos. O simples fato de observar o quanto alguém rola a tela e se decidem ou não sair da página, não revela se a pessoa está realmente envolvida com o conteúdo.

A Hotjar, por outro lado, permite que você rastreie a profundidade da rolagem usando os mapas de rolagem. Além disso, ferramentas adicionais da plataforma fornecem insights qualitativos para complementar os dados de profundidade de rolagem, proporcionando uma compreensão holística das interações do usuário e melhorando o desempenho do site.

Por que você deve usar a Hotjar para medir a profundidade da rolagem e otimizar a UX

A Hotjar fornece uma análise intuitiva e abrangente do comportamento do usuário, incluindo mapas de rolagem, feedback do usuário, gravações de sessões e vários tipos de mapas de calor.

1. Insights visuais: A capacidade da Hotjar de visualizar dados de rolagem por meio de mapas de rolagem e destacar rapidamente áreas de interesse ou áreas potencialmente problemáticas em uma página do site a torna muito mais intuitiva do que o Google Analytics. Ao invés de obter apenas porcentagens e pixels, você obtém uma representação vívida e codificada por cores do engajamento do usuário, o que lhe permite identificar rapidamente onde os usuários permanecem, onde passam rapidamente e onde desistem e abandonam.

2. Integração do feedback do usuário: As ferramentas Surveys e Feedback da Hotjar permitem o feedback direto do usuário e fornecem uma visão clara e direta do sentimento do usuário. Por exemplo, a ClickMechanic usou a nossa ferramenta Surveys para perguntar diretamente aos usuários sobre as barreiras que estavam impedindo a conversão, o que levou a insights acionáveis.

3. Análise abrangente: ferramentas adicionais como Recordings permitem que você veja como os usuários reais navegam no site e fornecem uma compreensão mais profunda de seus clientes para complementar os insights do rastreamento de rolagem.

4. Zonas de engajamento: As Zonas de engajamento da Hotjar combina dados de mapas de calor de clique, de rolagem e de movimentação em uma única exibição, tornando o processo de análise mais rápido e abrangente

5. Highlights da Hotjar: esse recurso permite a fácil colaboração e o compartilhamento de insights do usuário para estimular a adesão de stakeholders. Use-a para compartilhar as descobertas do mapa de rolagem ou os problemas do site, marcar e notificar membros específicos da equipe e organizar seus destaques em coleções. (Leia nosso guia detalhado sobre como usar a Hotjar Highlights aqui.)

6. Insights específicos: Os diversos tipos de mapas de calor da Hotjar identificam problemas específicos, como, por exemplo, se os usuários estão ficando confusos com elementos não clicáveis, ou se estão se distraindo com conteúdo desnecessário. Esses insights levam a mudanças diretas e impactantes.

Rastreamento da profundidade da rolagem: Google Analytics vs. Hotjar

A tabela abaixo descreve as principais diferenças entre o rastreamento de rolagem com duas plataformas populares: Google Analytics e Google Tag Manager vs. Hotjar.

5 maneiras de usar a Hotjar para o rastreamento de rolagem

Agora que você já viu os insights visuais exclusivos que os mapas de rolagem fornecem, vamos nos aprofundar em como o rastreamento de dados de rolagem com a Hotjar eleva a qualidade e a precisão da sua análise.

1. Entenda o comportamento do usuário

Entender o comportamento do usuário vai além dos números: trata-se de saber o "porquê" por trás das interações reais. Os mapas de rolagem da Hotjar mostram como os usuários se movem pelo seu site usando um gradiente de cores que vai do vermelho ao azul. As áreas azuis (mais frias) indicam que menos visitantes rolam até uma determinada área, o que permite melhorias direcionadas.

Deseja acompanhar a profundidade de rolagem de segmentos específicos de usuários? Os filtros no Dashboard da Hotjar permitem uma compreensão mais profunda das interações do usuário com o seu site.

Os filtros disponíveis na Hotjar incluem

• Data

• Tipo de usuário

• Localização

• Tecnologia

• Filtros comportamentais

• Atributos do usuário: segmente os usuários com base nos atributos personalizados que você definiu, como, por exemplo, aqueles que fizeram uma compra e aqueles que não fizeram

• Feedback: entenda melhor o sentimento do usuário filtrando sessões em que o feedback foi fornecido por meio da ferramenta Feedback da Hotjar

2. Detecte fundos falsos

Em algum momento, você já deve ter pensado que rolou a tela até o final de uma página de um site e saiu, sem perceber que ainda havia mais conteúdo para ver—e as pessoas provavelmente estão fazendo o mesmo no site. Isso é chamado de "fundo falso", e faz com que os visitantes acabem perdendo conteúdo valioso no final da página, como detalhes de contato, CTAs e classificações ou notas dadas pelos clientes à sua empresa e site. Isso geralmente ocorre porque uma imagem grande ou uma quebra de seção dá a impressão de que a página terminou.

A Hotjar ilumina áreas enganosas do seu site, destacando cores mais frias onde os usuários fazem uma pausa, indicando possíveis fundos falsos. Ao identificar e abordar esses fundos falsos, você pode garantir que os usuários irão visualizar todo o conteúdo e os elementos da página que você criou, aumentando o engajamento com o seu site.

3. Otimize o posicionamento do conteúdo

A "dobra" é o ponto da página de um site onde os usuários precisam começar a rolar a tela para ver mais conteúdo. A dobra média refere-se ao ponto médio da página de um site que os usuários podem ver sem precisar rolar a tela quando acessam a página pela primeira vez. Em um mapa de rolagem da Hotjar, esse ponto é marcado como uma linha distinta denominada "Dobra média".

Com a Hotjar, o posicionamento do conteúdo se torna uma ciência, não uma suposição. Os mapas de rolagem mostram onde os usuários se envolvem mais, e quais áreas de páginas do site eles estão ignorando, permitindo que você identifique áreas de alto tráfego e possíveis pontos cegos, possibilitando assim que você posicione estrategicamente o conteúdo essencial, onde há uma maior probabilidade deste conteúdo cativar o seu público.

4. Garanta a acessibilidade do conteúdo

Os usuários que rolam muito a página podem estar tendo problemas para encontrar o que precisam. Superficialmente, o seu conteúdo pode parecer envolvente, porque os mapas de calor mostram os usuários rolando pela página inteira, mas as taxas de conversão e de rejeição contradizem essa hipótese.

A Hotjar ajuda a identificar essas áreas e a otimizar a navegação do seu site, através de replays de gravações de sessões que mostram como usuários reais interagem com o seu site usando a nossa ferramenta Recordings

5. Melhor experiência entre dispositivos

O comportamento do usuário em um site varia de acordo com o dispositivo usado. Os mapas de rolagem da Hotjar (e a Hotjar em geral) revelam essas diferenças por meio de mapas de calor dedicados para celular, desktop e tablet.

Considere a Vimcar como um exemplo. Durante a reformulação, Anna Grünanger, Head de Aquisições da Vimcar, identificou problemas de navegação em seu site no Reino Unido, onde os principais recursos estavam ofuscando o CTA principal. Os insights da Hotjar mostraram que 75% dos usuários móveis estavam ignorando o CTA principal da Vimcar. Uma mudança estratégica acima da dobra levou a um aumento notável no engajamento do usuário em páginas cruciais.

Os mapas de rolagem da Hotjar orientaram a Vimcar a refinar o posicionamento do conteúdo, aprimorando a experiência do usuário em diversos dispositivos. Para qualquer empresa centrada no cliente, esses insights são valiosíssimos.

Aproveite ao máximo o rastreamento de rolagem

Compreender o comportamento de rolagem dos visitantes do seu site permite que você faça alterações estratégicas que irão melhorar a experiência do usuário e aumentar as conversões. Mas, como você viu, a profundidade de rolagem não deve ser usada isoladamente para fazer grandes modificações no seu site—ela informa apenas como as pessoas engajam com o site, mas não explicam o por quê.

A solução? Use a Hotjar, a ferramenta de análise de comportamento que oferece uma compreensão mais abrangente do comportamento do usuário através de um conjunto de ferramentas sofisticadas, como gravações de sessões, mapas de calor e feedback do usuário.

E aí, está pronto para melhorar a experiência do usuário do seu site?