> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Engagement da landing page: mapas de calor e rolagem

> Veja como os visitantes usam sua landing page com as métricas de engagement, os mapas de cliques, a rolagem e a atenção, e aplique as melhorias sugeridas.

A aba **Engagement** mostra o que os visitantes realmente fazem em uma landing page publicada: onde clicam, até onde rolam e onde passam o tempo. Use quando uma página recebe tráfego mas não converte o suficiente e você precisa saber qual parte está perdendo as pessoas.

Os dados de engagement são registrados por variante e por dispositivo, então você pode comparar a variante vencedora de um teste A/B com a perdedora, ou verificar se uma página que funciona no desktop também funciona no celular.

## Como abrir a aba Engagement

**1. Vá para Landing Pages**

Abra **Landing Pages** na barra lateral esquerda e localize a página que quer analisar.

**2. Abra a landing page**

Clique no **nome** da landing page para abrir a visão de detalhes.

**3. Selecione a aba Engagement**

Clique em **Engagement**, ao lado de **Overview** na linha de abas.

**4. Escolha um período**

Use o seletor de período à direita: **1D**, **7D**, **1M**, **3M**, **All** ou **Custom**. O período vale para todas as visões da aba.

![Aba Engagement selecionada em uma landing page, com as visões Metrics, Clicks, Scroll Depth e Attention abaixo](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-where-to-find.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=e64d813b2fc0a3905b35d9fd3940c843)

A aba abre em **Metrics**. **Clicks**, **Scroll Depth** e **Attention** desenham os dados sobre uma prévia ao vivo da página.

## Escolha a variante e o dispositivo

**Variant selector**, no canto superior direito. Escolha qual variante você está vendo. Cada item mostra o número de visitantes e o percentual de engagement no período selecionado, o selo **Main** marca a variante principal, e uma variante sem tráfego no período indica **No visitors in this range**.

![Seletor de variantes com a variante principal, seu número de visitantes e seu percentual de engagement, e uma segunda variante sem visitantes no período](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-variant-picker.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=55c9be9ec4c8b883c9fad49117230403)

**Device**, no canto superior direito do painel de dados. **Metrics** sempre reporta **All devices** e faz o detalhamento do tráfego para você. **Clicks**, **Scroll Depth** e **Attention** mostram um dispositivo por vez, **Desktop**, **Tablet** ou **Mobile**, porque o layout da página muda em cada um.

Ao trocar de dispositivo, a prévia é redesenhada naquela largura e os números são recarregados só para aquele dispositivo, então a camada sempre fica sobre o layout que aqueles visitantes viram.

![Mapa de cliques dos visitantes de celular, com a prévia redesenhada na largura de celular e os totais de cliques apenas de celular no painel](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map-mobile.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=46b11931dcc7ab5a6be3b66305b11f02)

> [!TIP]
>
> A visão e o dispositivo ficam guardados na URL da página, então você pode salvar um mapa de calor específico nos favoritos ou mandar para um colega, e ele verá exatamente o mesmo.

## Metrics

**Metrics** é a visão de resumo. O cabeçalho mostra o total de visitantes e os visitantes únicos do período, seguidos de seis números.

| Métrica | O que significa |
| :- | :- |
| **Engaged visitors** | Percentual de visitantes que interagiram com a página clicando, rolando ou ficando um tempo significativo |
| **Avg. active time** | Quanto tempo os visitantes realmente usaram a página: lendo, rolando ou clicando |
| **Reached halfway** | Percentual de visitantes que rolaram até pelo menos 50% da página |
| **Clicks** | Total de cliques registrados na página, e a média por visitante |
| **Rage clicks** | Três ou mais cliques rápidos no mesmo ponto, muitas vezes sinal de frustração |
| **Dead clicks** | Cliques em partes não interativas da página, onde nada responde |

![Visão Metrics com os visitantes engajados, o tempo ativo médio, o percentual que chegou à metade, os cliques, os rage clicks e os dead clicks ao lado de uma prévia da landing page](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-metrics.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=1d39406c4297f05ea0931b5ef0945147)

Abaixo dos números, o painel continua com três seções.

**Visitors over time** mostra os visitantes engajados contra os não engajados ao longo do período selecionado, para você ver se uma queda de qualidade coincide com uma fonte de tráfego ou com uma mudança na página.

**By device** lista Desktop, Tablet e Mobile com os visitantes de cada um e o percentual de engagement de cada um. Um dispositivo que fica bem atrás dos outros costuma indicar um problema de layout, então abra **Clicks** ou **Scroll Depth** naquele dispositivo para confirmar.

**Funnel** pega uma chamada para ação e conta os visitantes que a viram e os que clicaram nela, com a queda em cada etapa. Use o menu de CTA para alternar entre as chamadas para ação da página.

**Insights** transforma os números em problemas concretos. Cada cartão nomeia o elemento, classifica o impacto como **High impact** ou **Medium impact**, explica o que os visitantes estão fazendo e leva direto para a visão que comprova: **Show in click map** para os rage clicks e **Show dead clicks** para os cliques que não levam a nada.

![Funnel com os visitantes, os que viram a CTA e os que clicaram nela, acima dos cartões de insights de rage clicks e dead clicks](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-funnel-insights.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=995403f22ac8b4b687e6ed7a8fc61eea)

## Clicks

**Clicks** desenha um mapa de cliques sobre a página. As áreas quentes são os elementos que mais recebem cliques, as frias são as que menos recebem.

![Mapa de cliques sobre a prévia de uma landing page, com a qualidade dos cliques, os filtros de elementos e a lista ordenada dos elementos mais clicados](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-click-map.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=0f2ac96d43861fda29bf3468c60ca93f)

O painel da direita detalha os cliques.

**Clicks** e **Clicks per visitor** dão os totais do dispositivo selecionado.

**Click quality** divide cada clique em **Productive**, **Dead** e **Rage**. Um percentual alto de dead clicks significa que os visitantes estão clicando em coisas que parecem interativas mas não são, como uma imagem, um ícone ou um título.

**Element filters** limita o mapa a **All**, **Buttons**, **Links** ou **Form fields**, cada um com a própria contagem.

**Ranked elements** lista os elementos mais clicados em ordem, com o tipo de elemento ao lado de cada um. Ative **Group** para juntar elementos repetidos, de modo que três links escritos "Get started" contem como uma linha só. O botão no fim da lista informa o total e expande a lista, por exemplo **Show all 50 elements**.

> [!TIP]
>
> Use **Show element ranks** na barra de ferramentas da prévia para colocar selos numerados sobre a própria página. Os selos correspondem à lista ordenada, o que facilita achar uma linha que está bem abaixo.

## Scroll Depth

**Scroll Depth** sombreia a página de cima para baixo e marca as linhas de profundidade: 25%, 50% e 75% da página, cada uma com o percentual de visitantes que chegou até ali. Uma linha tracejada marca o **average fold**, o ponto onde a página é cortada ao carregar.

![Visão de rolagem com as marcas de profundidade sobre a prévia da página e uma lista de seções com o percentual de visitantes que viu cada uma](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-scroll-depth.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=2711b85a5aef94139a336eab5e5190dc)

**Reached halfway** e **Reached the end** são os números principais. **Reach by depth** mostra com que rapidez o público diminui de cima para baixo.

A lista **Section** é a parte útil. Ela nomeia cada seção da página em ordem, dá o percentual de visitantes que a viu e mostra a queda em pontos percentuais em relação à seção anterior. A maior queda é onde você está perdendo pessoas, então uma chamada para ação abaixo desse ponto alcança só uma fração do seu tráfego.

## Attention

**Attention** colore a página pelo tempo gasto, em vez de pelos cliques. As seções verdes seguram a atenção por pouco tempo, as vermelhas seguram por mais. Cada seção traz uma etiqueta com o tempo e o percentual de visitantes que a viu.

![Visão de atenção com cada seção da landing page colorida pelo tempo gasto, com o tempo ativo médio e uma lista de tempos por seção](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-attention.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=5850f040b6704e8bf2b340424c25a6d9)

**Avg. active time** conta o tempo que os visitantes passaram usando a página. **Avg. visible time** conta o tempo em que a página ficou aberta e à vista. Uma diferença grande entre os dois significa que os visitantes deixaram a aba aberta sem ler.

Leia Attention junto com Scroll Depth. Uma seção com muito tempo mas um percentual baixo em **seen by** é conteúdo que funciona, colocado baixo demais na página.

> [!NOTE]
>
> Muita atenção não é automaticamente bom sinal. Muito tempo em um formulário ou em uma tabela de preços pode significar que o conteúdo confunde, e não que convence.

## Controles da prévia

A barra de ferramentas fica na parte de baixo da prévia nas três visões visuais.

![Barra de ferramentas da prévia com as larguras de desktop, tablet e celular, os controles de zoom, o ajuste à largura, os selos dos elementos e a legenda do mapa de cliques](https://mintcdn.com/landerlab-babdc23f/b6u-hzyzCkBMjZxG/images/engagement-preview-toolbar.webp?fit=max\&auto=format\&n=b6u-hzyzCkBMjZxG\&q=85\&s=75346891d64d37e755c5c7f5da4a69ca)

| Controle | O que faz |
| :- | :- |
| **Desktop**, **Tablet**, **Mobile** | Redesenha a prévia e a camada naquela largura de dispositivo |
| **Zoom** | Amplia e reduz a prévia, com o percentual atual entre os botões |
| **Fit to width** | Ajusta a prévia para ocupar o espaço disponível |
| **Show element ranks** | Só em **Clicks**. Coloca selos numerados sobre a página que correspondem à lista de elementos |
| **Legend** | Explica a camada: de menos para mais cliques, alcance da rolagem, ou de menos para mais tempo |

Cada uma das três visões visuais termina com um cartão de sugestão abaixo dos dados, e o link **Show on page** rola a prévia até o elemento citado.

## Quando a aba Engagement está vazia

Se a aba mostra **No visitors in this range yet**, a página não registrou tráfego no período selecionado. Clique em **Show the period with traffic** para pular para um período com dados, ou amplie o período para **All**.

Confira isto antes de concluir que faltam dados:

> [accordion] A página não está publicada
>
> O engagement é registrado a partir das visitas à página publicada. Um rascunho que nunca foi publicado não tem nada a reportar.

> [accordion] A variante errada está selecionada
>
> Cada variante coleta os próprios dados. Uma variante recém adicionada, ou que recebe uma fatia pequena da divisão de tráfego, pode estar vazia enquanto a principal não está.

> [accordion] O dispositivo errado está selecionado
>
> **Clicks**, **Scroll Depth** e **Attention** mostram um dispositivo por vez. Veja **By device** na visão **Metrics** para saber quais dispositivos têm tráfego de verdade.

> [accordion] A página mudou depois que os dados foram registrados
>
> A camada é desenhada sobre a versão atual da página. Se seções foram adicionadas, removidas ou reordenadas desde então, compare com um período que corresponda ao layout atual.

## Relacionado

* [Análises e métricas de desempenho das landing pages](https://docs.landerlab.io/pt-BR/features/analytics/landing-page.md)
* [Teste A/B](https://docs.landerlab.io/pt-BR/features/analytics/ab-testing.md)
* [Relatórios](https://docs.landerlab.io/pt-BR/features/analytics/reporting.md)
* [Rastreamento de conversões](https://docs.landerlab.io/pt-BR/features/analytics/conversions-tracking.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.