Análise do Heatmap Mouseflow para análise do WordPress

A análise de mapas de calor é uma abordagem científica para a otimização da taxa de conversão da sua loja ou site online. É uma maneira baseada em dados para medir a eficácia de suas páginas de destino, formulários de contato e funis de compra. O Mouseflow é uma ferramenta de análise de mapa de calor freemium, repetição de sessão e ferramenta de gravação. Neste artigo, revisaremos o Mouseflow integrando-o à nossa ferramenta CMS favorita – WordPress.


O que é um mapa de calor?

Para aqueles que são novos no tópico de análise de mapa de calor, aqui está um resumo simples.

Os mapas de calor são uma representação visual das áreas mais ativas do seu site. Uma região com mais cliques (por exemplo, o Começa aqui item de menu de um blog) apareceria vermelho em um mapa de calor.

Mapas de calor nos mecanismos de pesquisa

mapas de calor do mecanismo de pesquisa

A evolução dos mapas de calor em 10 anos, fonte: Dois octobers

Vamos dar o exemplo de um mapa de calor em um mecanismo de pesquisa.

No Google (ou em qualquer mecanismo de pesquisa), os três primeiros resultados da pesquisa são os links mais clicados. Como resultado, essa região é representada em vermelho em um mapa de calor, pois é a região “mais ativa” ou “quente” no mapa de calor. Os links a seguir (ou seja, o quinto, o sexto etc.) têm um número cada vez menor de cliques e cores mais frias (laranja para amarelo para verde e azul) no mapa de calor.

A captura de tela acima é uma representação de como os mapas de calor evoluíram ao longo de um período de dez anos. Em 2005, eles costumavam chamá-lo de “triângulo sagrado”, o que significava que as primeiras letras dos dois primeiros links chamavam a atenção do pesquisador.

Dez anos depois, treinamos nossos olhos para escanear as primeiras palavras dos 5-6 principais links. Isso nos dá o mapa de calor em forma de retângulo que vemos no lado direito da captura de tela.

O que é gravação e reprodução de sessão?

Os mapas de calor nos dão uma boa olhada nas regiões mais ativas ou clicadas do site. Não seria legal esfriar realmente ver como um visitante interagiu com seu site?

O movimento do mouse é um forte indicador quanto à Onde a atenção do visitante é, no site.

Gravação de Sessão é a solução perfeita. UMA sessão é essencialmente toda a atividade realizada pelo visitante em uma única visita. Isso inclui o horário em que o site foi carregado até o momento em que a guia (ou janela) foi fechada. Mouseflow registros as sessões individuais dos visitantes do seu site e permite que você as reproduza a qualquer momento no navegador.

A reprodução de uma sessão gravada é chamada Repetição da Sessão. Na verdade, é um vídeo de toda a interação do visitante com o site. Isso inclui informações digitadas (as senhas estão sempre ocultas), interações de formulários, cliques e todas as outras atividades.

Os benefícios da gravação e reprodução da sessão

Gravação e reprodução de sessões é uma ferramenta indispensável em testes de interação com o usuário, testes A / B e testes de usabilidade – tudo com usuários ativos.

Vamos dar um exemplo de uma página de download de e-books. É um caso de uso clássico na geração de leads, em que você fornece algo ao usuário (neste caso, o e-book), em troca do endereço de e-mail e da permissão para enviar e-mails para ele. Uma gravação de sessão mostraria como seus usuários estão interagindo com o formulário, quantas pessoas realmente acabam preenchendo o formulário, o número de campos que um usuário preenche antes de sair, etc..

Existem muitos outros casos de uso em que a gravação, reprodução e mapas de calor da sessão são usados ​​para otimização da taxa de conversão. Nesta análise, abordaremos os cinco principais recursos que o Mouseflow oferece:

  1. Heatmaps
  2. Gravação de sessão
  3. Reprodução da sessão
  4. Gravação de sessão de formulário
  5. Coleta de feedback

Abordaremos cada um dos tópicos em detalhes nas seções a seguir.

O Painel do Mouseflow

painel de análise de mapas de calor do mouseflow

Uma vista aérea do painel Mouseflow

O painel do Mouseflow oferece uma visão geral das gravações recentes da sessão e dos mapas de calor populares. O gráfico representa o número de sessões gravadas e é proporcional ao tráfego que seu site recebe.

Heatmaps

A análise dos mapas de calor do Mouseflow suporta cinco dimensões distintas, incluindo mapa de calor de clique, mapa de movimento de movimento, mapa de calor de rolagem e mapa de calor geográfico. Vamos avaliar uma única página contendo um formulário de contato e testá-la em cada um dos cinco tipos de mapa de calor.

Clique em mapas de calor

Um mapa de calor de clique representa as regiões que recebem o maior número de cliques. Cada página terá sua própria representação de mapa de calor exclusiva. Por exemplo, na página que contém um formulário de contato, o Enviar O botão registraria o maior número de cliques.

clique em heatmap no mouseflow para wordpress

Captura de tela de um mapa de calor de clique no WordPress, criado usando o Mouseflow

Esta é uma captura de tela do mapa de calor de clique de um site de demonstração, criado para este tutorial. Como enviei apenas o formulário de contato três vezes, ele registra três cliques. Três é um número muito pequeno para ser considerado em um mapa de calor, motivo pelo qual é destacado em azul.

Mapa de calor do movimento

heatmap de movimento no mouseflow para wordpress

Captura de tela de um mapa de calor de movimento no WordPress, criado usando o Mouseflow

O mapa de calor do movimento representa as regiões do site com o maior movimento. Na captura de tela, você notará as manchas azuis, que representam baixa atividade.

Atenção Heatmap

O mapa de calor da atenção é uma métrica interessante. Representa as áreas em que os usuários gastam o quantidade máxima de tempo.

Vamos tirar essa captura de tela para explicar.

mapa de calor atenção no mouseflow para wordpress

Captura de tela de um mapa de calor de atenção no WordPress, criado usando o Mouseflow

A região em verde tem um tempo médio gasto de 10,2 segundos, enquanto as regiões em vermelho têm um tempo médio gasto de 21 segundos. Isso sugere que os visitantes do site estão gastando uma parte significativa de seu tempo na região vermelha. No nosso caso, esse é o formulário de contato.

Como usar mapas de calor de atenção para melhorar a cópia da página de vendas?

O mapa de calor da atenção pode ser uma excelente ferramenta para medir Onde seus visitantes passam a maior parte do tempo. Se você está escrevendo uma página de vendas longa, deseja que seus leitores leiam a página de cima (passe a maior parte do tempo lá), seguidos pelos depoimentos e clique no botão Compre Agora botão.

Portanto, a parte superior da sua página de vendas deve ser idealmente vermelho, em um mapa de calor Atenção.

Se seus visitantes estão não lendo as primeiras linhas da sua página de vendas, é um indicador claro de que sua apresentação e cópia precisam funcionar.

Scroll Heatmap

Um mapa de calor de rolagem representa as regiões mais roladas em seu site. Os visitantes do seu site tendem a rolar rapidamente para baixo do cabeçalho e chegar ao local onde o conteúdo está.

O mapa de calor de rolagem é complementar ao mapa de calor de atenção. Quando a atenção é alta, o rolo é baixo. Você sabe que alguém examinou sua cópia quando vê uma região vermelha no mapa de calor da rolagem. As regiões amarelo para verde em um mapa de calor de rolagem indicam os bits em sua cópia que seus visitantes acham interessantes ou úteis. Quando usado corretamente, o mapa de calor de rolagem pode ser uma excelente ferramenta para melhorar sua cópia da página de destino.

scroll heatmap no mouseflow para wordpress

Captura de tela de um mapa de calor de rolagem no WordPress, criado usando o Mouseflow

No entanto, em nosso tutorial, eu rolei por todo o lugar, e é por isso que tudo está marcado em vermelho. Você perceberá que a região do rodapé está em azul, indicando atividade mínima de rolagem.

Quantas sessões devo gravar?

O Mouseflow oferece a opção de escolher quantas sessões são gravadas, fora do tráfego. Por exemplo, se sua entrada for ⅓, uma em cada três sessões de visitantes será gravada. Em outras palavras, 30% da sessão do seu tráfego seria gravada.

Isso é importante em termos de planejamento do seu uso. Cada sessão gravada é um crédito. Dependendo do plano que você compra, você precisa ajustar a porcentagem de tráfego registrado, a partir do tráfego total.

Uma maneira simples de estimar esse número é pesquisar seu relatório de tráfego do Google Analytics. Por exemplo, se você receber 1000 visitas únicas por mês e quiser gravar, digamos 500 sessões, configuraria o Mouseflow para registrar um em cada dois visitantes, ou seja, 50% do tráfego.

Mapa de calor geográfico

mapa de calor geográfico no fluxo de mouse para wordpress

Captura de tela de um mapa de calor geográfico no WordPress, criado usando o Mouseflow

O mapa de calor geográfico destaca os países de onde vem a maioria dos visitantes. Esses dados estão disponíveis na maioria dos softwares de análise, como Google Analytics ou Kissmetrics. A captura de tela acima é do site de demonstração, e é por isso que apenas a Índia é destacada.

Funis

Funil de download de ebook no mouseflow para wordpress

Exemplo de um funil de download de livros eletrônicos no WordPress, criado por Mouseflow

Um funil é uma série de etapas que um visitante executa para concluir uma açao no seu site.

Digamos que você queira que seus visitantes baixem uma cópia do seu e-book mais recente, em troca do endereço de e-mail deles. Essa é uma campanha clássica de geração de leads, auxiliada por um download de e-book.

o açao você deseja que seus visitantes concluam o download do e-book. Esta ação possui um ou mais passos envolvido.

Para simplificar, consideremos duas etapas (ou páginas) nesta ação.

  1. A primeira página é onde o visitante lê sobre a oferta e insere o endereço de email.
  2. A segunda página é uma página de confirmação, onde o visitante vê botões de download / para o PDF.

Portanto, o funil para o download de e-books contém duas etapas, conforme mostrado na captura de tela abaixo.

funil de download de ebook em mouseflow for wordpress - instalação

Criando um novo funil para download de e-books no WordPress usando o Mouseflow

O Mouseflow mede a taxa de desistência em cada estágio do funil. Em nosso exemplo, não baixamos o e-book e saímos do site depois de visualizar a primeira página (de destino).

Funil de download de ebook no mouseflow para wordpress - taxa de conversão

Taxa de conversão de um funil de download de e-books no Mouseflow

Essa captura de tela informa que a página de destino recebeu 5 visitantes, nenhum deles chegou à página de confirmação.

Como otimizar a taxa de conversão usando funis no fluxo de mouse?

Os funis permitem acompanhar o comportamento dos visitantes no seu site. Eles são incrivelmente úteis para descobrir as áreas de vazamento no seu funil de conversão. Depois de identificar a página com vazamento, você conhece a área do seu problema. Você pode otimizar a cópia da página (ou, em alguns casos, remover a página completamente) para ver se as taxas de desistência diminuem.

Formulários

como rastrear um formulário no wordpress usando o mouseflow

Rastreando formulários no WordPress usando o Mouseflow

O Mouseflow permite que você acompanhe como os visitantes interagem com seus formulários no WordPress. Isso é especialmente útil na geração de leads B2B e no marketing de conteúdo, em que o custo por lead é significativamente maior em comparação ao site / produto B2C.

Vamos considerar o Formulário de Teste WPExplorer que eu criei para este tutorial.

segmentação de formulário no wordpress do mouseflow

Segmentação de campos em um formulário rastreado no Mouseflow

Essa captura de tela informa que havia dois visitantes na página do formulário e o tempo máximo gasto no campo de endereço de e-mail. Você também notará que a taxa de conversão é de 0%, pois, na verdade, não enviei o formulário depois de preenchê-lo.

Como melhorar a taxa de conclusão de formulário usando o Mouseflow?

Com o Mouseflow, você poderá descobrir os campos com muitos dados em seu formulário e medir o tempo necessário para preencher um formulário típico. Se o número de campos em seu formulário for muito alto ou, pior ainda, irrelevante, você poderá notar que os visitantes estão saindo nesses campos específicos, dentro do formulário. Com o Mouseflow, você poderá identificar esses campos e otimizar em torno deles, aumentando a taxa de preenchimento do formulário..

Como rastrear um formulário no WordPress usando o Mouseflow?

O rastreamento de um formulário no WordPress usando o Mouseflow envolve algumas etapas:

  1. Primeiro, configure seu formulário no WordPress e copie o URL
  2. Vá para a página Formulários no painel do Mouseflow e clique em Novo Formulário.
  3. Cole o URL que você copiou na Etapa 1.
  4. O Mouseflow reconhecerá automaticamente o formulário da página, juntamente com todos os seus campos.
  5. Você pode atribuir um nome a cada campo no formulário, para facilitar o rastreamento.
  6. Por fim, pressione Criar formulário para começar a rastrear as interações do formulário.

Comentários

O Mouseflow permite criar campanhas de feedback bonitas e não intrusivas para os visitantes do seu site. Afinal, ouvir seus leitores / clientes é uma maneira segura de melhorar seu site.

Veja como é uma campanha de feedback típica:

campanha de feedback no mouseflow wordpress

Campanha de feedback no WordPress criada usando o Mouseflow

Depois de concluir a pesquisa, esta é a página de confirmação.

campanha de feedback no mouseflow wordpress

Página de confirmação / obrigado pela campanha de feedback

Como criar uma campanha de feedback no WordPress usando o Mouseflow?

Agora vamos ver como é possível criar uma campanha de feedback no Mouseflow.

Faça login no painel do Mouseflow e clique em Comentários no menu esquerdo e clique em Adicionar nova campanha.

Criando uma nova campanha de feedback no Mouseflow

Você pode adicionar quantas perguntas precisar, com no mínimo uma pergunta. As opções de resposta incluem múltipla escolha, parágrafo de texto (pequeno / grande) ou uma Pontuação do Promotor líquido.

Você pode visualizar as opções de perguntas e respostas à direita.

Por fim, você define o conteúdo da página de sucesso e clica em Próximo.

Acionadores na campanha de comentários

Gatilhos defina quando e onde cada campanha de feedback será exibida. O Mouseflow oferece uma variedade de opções para você definir seus gatilhos. Por exemplo, na captura de tela acima:

  1. A campanha de feedback será carregada assim que a página for carregada.
  2. Seria carregado para todos os visitantes, independentemente de serem usuários registrados ou outros usuários segmentados.
  3. A campanha é carregada em todas as páginas (embora seja uma boa ideia não mostrá-la na página de login!)
  4. Uma opção importante – o formulário da campanha é mostrado apenas uma vez por usuário.

Depois de definir os gatilhos, clique em Próximo prosseguir.

Interruptor de interrupção para uma campanha de feedback no Mouseflow

Por fim, você pode escolher ativar a campanha, imediatamente após a criação.

No entanto, é uma boa ideia testar primeiro a campanha no site ativo, limitando-a a uma página não indexada ou menos popular e ver se os dados são coletados corretamente. Depois de verificar se a campanha funciona, você pode implantá-la em todo o site.

O que eu gosto no Mouseflow

A interface intuitiva do Mouseflow e várias opções de rastreamento tornam um ótimo começo para análises de mapas de calor.

O modelo Freemium

preços mouseflow

Modelo de Preços Mouseflow

O Mouseflow opera em um modelo freemium, oferecendo 200 créditos gratuitos todos os meses.

Cada crédito é equivalente a uma sessão gravada. No entanto, os créditos são limitados a 200 por mês, o que significa que, se você não o usa, perde-o.

Semelhante ao MailChimp (meu provedor de serviços de e-mail favorito), o Mouseflow me dá a flexibilidade de experimentar o serviço antes de se comprometer com ele. Além disso, em comparação com outros serviços de análise de mapa de calor, o Mouseflow possui uma estratégia de preços bastante competitiva.

Compatibilidade interna com WordPress

plugin do wordpress para mouseflow

Painel do plugin Mouseflow no WordPress

O Mouseflow suporta integrações com várias ferramentas (mais sobre isso mais tarde), incluindo o WordPress. Para começar a rastrear seu site WordPress com o Mouseflow, basta baixar o Mouseflow para WordPress plugin e ativá-lo.

Uma nova entrada chamada Mouseflow deve aparecer na barra esquerda do seu painel do WordPress.

adicionando código de rastreamento de site no fluxo do mouse no wordpress

Inserindo o código de rastreamento do Mouseflow no WordPress

Clique em Código de acompanhamento para inserir o código de rastreamento no seu site WordPress. Você pode encontrar as informações do código de rastreamento do site na sua conta Mouseflow, em Definições.

configurações do site no mouseflow para wordpress

Informações do site no Mouseflow

Uma vez feito, o Mouseflow começará a gravar suas sessões no seu site WordPress.

Outras coisas legais

Processo de integração do novo usuário do Mouseflow

Gosto do novo processo de integração do usuário do Mouseflow, que me familiarizou com todas as várias opções no painel. Eu estava em funcionamento em menos de 10 minutos, sem consultar a base de conhecimento. Eles também têm alguns vídeos legais de treinamento, organizados em seis categorias.

Integração de terceiros 

O Mouseflow integra-se a mais de trinta softwares de terceiros

O Mouseflow suporta múltiplas integrações de terceiros, variando de CMS a software de marketing e software avançado de gerenciamento de tags. No momento da redação deste artigo, o Mouseflow suporta 30 integrações nativas, agrupadas em seis categorias principais:

  1. Sistemas de Gerenciamento de Conteúdo: Além do WordPress, o Mouseflow se integra aos sites Joomla, Drupal, Blogger e bom e velho HTML5. Ele também se integra aos construtores de sites populares, como o Squarespace e o Weebly. O Wix ainda está para obter uma integração dedicada.
  2. Comércio eletrônico: O Mouseflow integra-se aos principais softwares de comércio eletrônico de código aberto, como Prestashop, Magento, 3dcart e soluções populares pagas, como o Shopify.
  3. Google Analytics: Você pode integrar os dados do Mouseflow com softwares de análise populares, como Google Analytics, Adobe Analytics e especialistas, como Kissmetrics e Coremetrics.
  4. Marketing: O Mouseflow suporta os principais softwares de marketing, como Hubspot, Instapage, Unbounce, Optimizely e outros.
  5. Atendimento ao Cliente: O suporte ao cliente útil e em tempo real é um requisito fundamental para um negócio bem-sucedido e sua estabilidade a longo prazo. O Mouseflow também se integra aos principais softwares de suporte e suporte ao cliente, como Zendesk, Olark, Freshdesk e Zopim.
  6. Gerenciamento de tags: A atribuição é essencial para medir seus esforços de marketing e ROI. Existem softwares avançados de gerenciamento de tags, como o Segment.io e o Google Tag Manager. O Mouseflow se integra nativamente a eles, junto com Ensighten e Tealium.

Além disso, o Mouseflow também possui um poderoso API REST, usando o qual você pode acessar dados de qualquer portal personalizado.

Cliente do Mouseflow

Mouseflow tem uma clientela chique

O Mouseflow é usado por alguns dos maiores nomes do setor, incluindo Hubspot, Optimizely e Intuit. No momento da redação deste artigo, sua base de clientes é superior a 100.000.

Empacotando

A análise de sites é um campo em expansão na economia atual com déficit de atenção. Milhões de dólares são investidos no financiamento de novas pesquisas e soluções para análise e atribuição. O Mouseflow é o começo perfeito para qualquer profissional de marketing se familiarizar com o básico da análise de mapas de calor.

Vamos fazer um resumo rápido do que abordamos até agora:

  1. O que são mapas de calor?
  2. Como a gravação e reprodução da sessão ajuda na análise do comportamento do usuário
  3. Recursos do Mouseflow, incluindo mapas de calor (clique, movimento, atenção, rolagem e geografia), funis, formulários e campanhas de feedback.
  4. Como configurar o WordPress e o Mouseflow
  5. Resfria coisas sobre o Mouseflow, incluindo mais de 30 integração de terceiros e plano para sempre.

Como sempre, deixo você com uma pergunta. Você está usando análises de mapas de calor no seu site? Se sim, qual software você está usando? É funcionalmente melhor que o Mouseflow? Deixe-nos saber nos comentários abaixo!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me