Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Análise do mapa de calor do Mouseflow para WordPress Revisão

Você está em:

Análise do mapa de calor do Mouseflow para WordPress Revisão
Análise do mapa de calor do Mouseflow para WordPress Revisão

A análise de mapas de calor é uma abordagem científica para a otimização da taxa de conversão para sua loja online ou site. É uma maneira baseada em dados de medir a eficácia de suas páginas de destino, formulários de contato e funis de compra. Mouseflow é uma ferramenta freemium de análise de mapa de calor, repetição de sessão e gravação. Neste artigo, revisaremos o Mouseflow integrando-o com 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. A região mais clicada (por exemplo, o item de menu Iniciar aqui de um blog) apareceria em vermelho em um mapa de calor.

Mapas de calor em mecanismos de pesquisa

mapas de calor do mecanismo de pesquisa

A evolução dos mapas de calor em 10 anos,  fonte: Two Octobers

Vamos pegar o exemplo de um mapa de calor em um mecanismo de busca.

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 que seguem (ou seja, o quinto, sexto, etc.) têm um número de cliques decrescente e têm cores “mais frias” (laranja para amarelo, 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 atraíam a maior parte da 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 visão das regiões mais ativas ou mais clicadas do site. Não seria legal ver como um visitante interagiu com seu site?

O movimento do mouse é um forte indicador de onde está 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 momento em que o site foi carregado até o momento em que a guia (ou janela) foi fechada. O Mouseflow grava as sessões individuais dos visitantes do seu site e permite que você as reproduza, a qualquer momento, a partir do seu navegador.

A reprodução de uma sessão gravada é chamada de Session Replay . 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

Session Recording and Replay é uma ferramenta indispensável em testes de interação do usuário, testes A/B e testes de usabilidade – tudo com os usuários ao vivo.

Vamos dar um exemplo de uma página de download de ebook. É um caso de uso clássico na geração de leads, onde você dá algo ao usuário (neste caso o ebook), em troca de seu endereço de e-mail e 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 desistir 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 tem a oferecer:

  1. Mapas de calor
  2. Gravação da sessão
  3. Repetiçã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 de fluxo do mouse

painel de análise de mapas de calor do mouseflow

Uma visão geral do painel Mouseflow

O painel do Mouseflow oferece uma visão panorâmica de suas gravações de sessão recentes e seus mapas de calor populares. O gráfico representa o número de sessões registradas e é proporcional ao tráfego que seu site recebe.

Mapas de calor

A análise de mapas de calor do Mouseflow suporta cinco dimensões distintas, incluindo mapa de calor de clique, mapa de calor 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á-lo em cada um dos cinco tipos de mapa de calor.

Clique em mapas de calor

Um mapa de calor de cliques 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 botão Enviar registraria o maior número de cliques.

clique no mapa de calor no fluxo do mouse 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 cliques de um site de demonstração, que criei para este tutorial. Como enviei o formulário de contato apenas três vezes, ele registra três cliques. Três é um número muito pequeno para ser considerado em um mapa de calor, e é por isso que está destacado em azul.

Mapa de calor de movimento

mapa de calor 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.

Mapa de calor de atenção

O mapa de calor de atenção é uma métrica interessante. Ele representa as áreas onde os usuários gastam o máximo de tempo.

Vamos fazer esta captura de tela para explicar.

mapa de calor de atenção no fluxo do mouse 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 no site na região vermelha. No nosso caso, esse é o formulário de contato.

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

O mapa de calor de atenção pode ser uma excelente ferramenta para medir onde seus visitantes passam a maior parte do tempo. Se você estiver escrevendo uma página de vendas longa, você quer que seus leitores realmente leiam a página do topo (passam a maior parte do tempo lá), seguidos pelos depoimentos e clique no botão Comprar agora .

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

Se seus visitantes não estiverem lendo as primeiras linhas de sua página de vendas, é um indicador claro de que seu pitch e copy precisam funcionar.

Rolar mapa de calor

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 a partir do cabeçalho e chegar ao ponto em que o conteúdo está.

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

rolar o mapa de calor no fluxo do mouse para wordpress

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

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

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 de seu uso. Cada sessão gravada é um crédito. Dependendo do plano adquirido, você teria que ajustar a porcentagem de tráfego registrado do seu 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 1.000 visitas únicas por mês e quiser gravar, digamos 500 sessões, você configuraria o Mouseflow para gravar um em cada dois visitantes, ou seja, 50% do tráfego.

Mapa de calor geográfico

geo heatmap no mouseflow 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 está destacada.

Funis

funil de download de ebook no mouseflow para wordpress

Exemplo de um funil de download de eBook no WordPress, criado por Mouseflow

Um funil é uma série de etapas que um visitante realiza para concluir uma ação em 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.

A ação que você deseja que seus visitantes concluam é baixar o e-book. Esta ação tem uma ou mais etapas envolvidas.

Para manter as coisas simples, vamos considerar 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 e-mail.
  2. A segunda página é uma página de confirmação, onde o visitante vê botões de download/para o PDF.

Assim, o funil para download do eBook contém duas etapas, conforme mostrado na captura de tela abaixo.

funil de download de ebook no mouseflow para wordpress - configuração

Criando um novo funil para download de ebook 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 após 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-book no Mouseflow

Esta captura de tela nos diz que a página de destino recebeu 5 visitantes, nenhum dos quais chegou à página de confirmação.

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

Os funis permitem que você acompanhe como seus visitantes estão se comportando em seu site. Eles são incrivelmente úteis para descobrir as áreas de vazamento em 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 rastrear como os visitantes interagem com seus formulários no WordPress. Isso é especialmente útil na geração de leads B2B e marketing de conteúdo, onde o custo por lead é significativamente maior, comparado ao site/produto B2C.

Vamos considerar o formulário de teste do WPExplorer que construí para este tutorial.

segmentação de formulário no wordpress de fluxo de mouse

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

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

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

Usando o Mouseflow, você poderá descobrir os campos com uso intenso de 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, irrelevante, você poderá notar que seus visitantes desistem nesses campos específicos, dentro do formulário. Com o Mouseflow, você poderá identificar esses campos e otimizar em torno deles, para aumentar a taxa de conclusão do seu formulário.

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

Rastrear um formulário no WordPress usando o Mouseflow envolve algumas etapas:

  1. Primeiro, configure seu formulário no WordPress e copie a 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, clique em Criar formulário para começar a rastrear as interações do formulário.

Comentários

O Mouseflow permite que você crie 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 Mouseflow

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

campanha de feedback no mouseflow wordpress

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

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

Agora vamos ver como se pode criar uma campanha de feedback no Mouseflow.

Faça login no painel do Mouseflow e clique em Feedback no menu à esquerda 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 Net Promoter Score.

Você pode ver uma prévia das perguntas e opções de resposta à direita.

Por fim, você define o conteúdo da página de sucesso e clica em Avançar.

Acionadores na campanha de feedback

Os acionadores definem quando e onde cada campanha de feedback é 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 seria carregada assim que a página fosse carregada.
  2. Ele carregaria para todos os visitantes, independentemente de serem usuários registrados ou outros usuários segmentados.
  3. A campanha carrega 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 é exibido apenas uma vez por usuário.

Depois de definir os gatilhos, clique em Avançar para continuar.

Kill switch para uma campanha de feedback no Mouseflow

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

No entanto, é uma boa ideia testar primeiro a campanha no site ao vivo, 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 as várias opções de rastreamento o tornam um ótimo começo para a análise de mapas de calor.

O modelo Freemium

preços de fluxo de mouse

Modelo de preços do Mouseflow

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

Cada crédito equivale 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 usar, você o perderá.

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 me comprometer com ele. Além disso, em comparação com os outros serviços de análise de mapa de calor, o Mouseflow possui uma estratégia de preços bastante competitiva.

Compatibilidade interna do WordPress

plugin wordpress de fluxo de mouse

Painel do plugin Mouseflow no WordPress

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

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

adicionando código de rastreamento do site no mouseflow no wordpress

Inserindo o código de rastreamento do Mouseflow no WordPress

Clique em Código de rastreamento para inserir o código de rastreamento em seu site WordPress. Você pode encontrar as informações do código de rastreamento do site na sua conta Mouseflow, em Configuraçõ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 em seu site WordPress.

Outras coisas legais

Processo de integração de novos usuários do Mouseflow

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

Integração de terceiros

O Mouseflow se integra a mais de trinta softwares de terceiros

O Mouseflow oferece suporte a várias integrações de terceiros , desde CMS até 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 ao Joomla, Drupal, Blogger e aos bons e velhos sites HTML5. Ele também se integra a construtores de sites populares, como Squarespace e Weebly. O Wix ainda não recebeu uma integração dedicada.
  2. E-Commerce: Mouseflow integra-se com software de e-commerce de código aberto líder, como Prestashop, Magento, 3dcart e soluções pagas populares, como Shopify.
  3. Analytics: você pode integrar os dados do Mouseflow com softwares de análise populares, como Google Analytics, Adobe Analytics, e especializados, como Kissmetrics e Coremetrics.
  4. Marketing: Mouseflow suporta software de marketing líder, 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 de sucesso e sua estabilidade a longo prazo. O Mouseflow também se integra aos principais softwares de suporte ao cliente e helpdesk, como Zendesk, Olark, Freshdesk e Zopim.
  6. Gerenciamento de tags: a atribuição é fundamental para medir seus esforços de marketing e ROI. Existem softwares avançados de gerenciamento de tags, como Segment.io e Google Tag Manager. O Mouseflow se integra nativamente a eles, junto com o Ensighten e o Tealium.

Além disso, o Mouseflow também possui uma poderosa API REST , com a qual você pode acessar dados de qualquer portal personalizado.

Clientela Mouseflow

Mouseflow tem uma clientela incrível

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 de déficit de atenção de hoje. Milhões de dólares são investidos no financiamento de novas pesquisas e soluções para análise e atribuição. O Mouseflow é um começo perfeito para qualquer profissional de marketing se familiarizar com os fundamentos da análise de mapas de calor.

Vamos fazer um breve resumo do que cobrimos 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 localização geográfica), funis, formulários e campanhas de feedback.
  4. Como configurar o WordPress e o Mouseflow
  5. Esfrie as coisas sobre o Mouseflow, incluindo sua integração com mais de 30 terceiros e plano para sempre gratuito.

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.