Entendendo os Seus Visitantes (HeatMaps)
Heatmaps, ferramentas de análise.
Atualmente temos diversas maneiras de analisar, comparar e prever fatos que ocorrem em nossos sítios e blogs. Temos acessos a dados estatísticos que nos ajudam a ponderar os resultados de campanhas de Marketing por exemplo, nos ajudam a decidir quais os fatores levam um visitante a clicar nesta ou naquela ligação, saber de onde vieram nossos visitantes, para onde foram… e uma pletora de outras coisas a mais.
O uso de geradores de estatísticas como o Analytics, nos permitem ver os vários passos que as pessoas executam em nosso ambiente virtual.
Há outras ferramentas que também nos mostram visualmente como estes passos são dados… aqui eu estou me referindo aos heatmaps. Creio que você já os viu pela Internet principalmente quando o assunto é visualizar áreas de sítios ou blogs em que os visitantes ou leitores mais clicam.
O que são os heatmaps e para que utilizá-los?
Resumidamente, podemos definir os heatmaps com relação à sítios e blogs como uma representação estrutural (esquemática) multicolorida para mostrar a um analisador as áreas onde os visitantes mais prestam atenção – através de cliques e/ou movimentos do mouse. Há algumas formas de analisar estes pontos de maior interesse, mas neste artigo vou utilizar apenas programas que comparam estas áreas através de cliques com exceção do Feng-GUI.
Na WikiPedia há um artigo (não é completo) sobre os heatmaps que você pode acessar em http://tinyurl.com/cww2ut para maiores detalhes técnicos.
Principalmente para quem tem a intenção de gerar renda através de seu sítio ou blog, o uso e estudo de heatmaps são muito importantes para se definir quais as áreas de uma ou mais páginas onde os seus anúncios patrocinados (Adsense por exemplo) teriam uma maior probabilidade de serem mais visíveis – aumentando as chances de serem clicados.
Também o seu uso e estudo são muito importantes para se decidir qual tipo de anúncio (ou programa) é interessante se colocar em primeiro lugar ou em um lado ou outro da página, se baseando nas áreas de maior concentração de cliques para exibir os anúncios que você julgar mais importantes.
Os heatmaps também nos mostram “teoricamente” o campo de visão dos visitantes. Sítios e blogs têm pontos “cegos” de visão, onde recebem pouco destaque. Estes campos “cegos”, são semelhantes aos pontos cegos que há em automóveis, onde os retrovisores dos mesmos não permitem que sejam visualizadas (dependendo do ângulo) certas partes de um automóvel ou de um ambiente no qual os automóveis estão, fazendo com que estes campos campos fiquem “invisíveis”. Também são semelhantes aos pontos cegos de nossa visão, onde a partir de um certo ângulo enxergamos apenas imagens embaçadas – normalmente estes pontos começam a partir da linha horizontal imaginária de nossas orelhas (teoricamente no meio da cabeça).
Com os dados gerados pelos geradores de estatísticas juntamente com os gerados por heatmaps, é possível ter uma idéia mais apurada principalmente quando se vai modificar o design de um blog ou sítio. Com estes dados, pode-se desenhar com mais precisão os vários componentes de uma página de acordo com o objetivo central deste espaço virtual, melhorando ou eliminando componentes que não trazem resultados positivos ou que não trazem nenhum resultado.
Como obter os heatmaps?
A grande maioria destes serviços são disponibilizados online e também na forma paga. Em alguns serviços pagos pode-se também criar contas gratuitas mas há muitas limitações (número de páginas que podem ser rastreadas, número de cliques máximos…). Sendo assim vou descrever apenas um serviço online e dois programas que devem ser instalados em sua própria hospedagem. Para conhecer os outros serviços, basta fazer uma pesquisa por “heatmaps” nos mecanismos de busca.
Feng-GUI
Este é um serviço de heatmaps que não funciona à base de cliques. Este serviço tem como base algoritmos que simulam o movimento de visão (em interesse) de seres humanos.
“This artificial intelligence service simulates human vision during the first 5 seconds of exposure to visuals.”
Para conhecê-lo melhor, visite http://preview.tinyurl.com/feng-GUI .Também não deixe de visitar o FAQ – que se encontra na ligação “read more…” na parte inferior do lado direito da mesma página.
Para testá-lo você deve tirar um snapshot (criar uma imagem) da página que você quer que seja analisada e carregá-la para o servidor deles através da opção que é dada na página acima. Este é um serviço pago e na versão gratuita, você só pode enviar um snapshot a cada 5 (cinco) horas. Veja abaixo um teste que eu fiz com o Documentário Embasex.
Primeiro exemplo de heatmaps
Devido ao tamanho desta imagem, talvez não dê para perceber a numeração indicando os possíveis movimentos dos olhos (que vai do número 1 ao 8). Do azul, passando pelo verde até o vermelho, é demostrado as áreas que receberiam maior atenção até as áreas menos percebidas.
Nota: teoricamente podemos comparar este movimento de visão de um visitante que chega de um mecanismo de busca. No geral, é raro até mesmo um leitor fiel de um blog ou sítio ler inicialmente palavra por palavra um artigo, normalmente é feita primeiro uma varredura visual geral, para depois se fixar a vista nos parágrafos. Também se observar, os pontos de maior interesse inicial (pontos azuis) são justamente em cima de textos e não de imagens!
ClickHeat
Este é um heatmap baseado em cliques. Ele não é um serviço online, é um programa gratuito (opensource) sob a licença GPL. Você deve instalá-lo em sua própria hospedagem.
Segundo exemplo de heatmaps
O processo de instalação do ClickHeat não é difícil, basta que você descompacte o pacote baixado, suba todos os diretórios e arquivos (preservando a mesma estrutura) para um diretório em sua hospedagem, acesse em seguida com o seu navegador a URL http://seusitio.com/clickheat/ e siga os passos de instalação – você poderá mudar o nome do diretório /clickheat para o que quiser.
Após instalado e configurado, crie o código javascript e cole-o nas páginas que deseja monitorar – se estiver utilizando o Wordpress basta copiar o código para o arquivo “footer.php” dentro do diretório /wp-content/themes/SeuTema – em sítios dinâmicos o processo é semelhante. Visite o sítio do desenvolvedor em http://www.labsmedia.com/clickheat/index.html
Nota: você deve dar permissão global de escrita/leitura/execução (777) aos diretórios /config, /logs e /cache que estarão no diretório raíz do pacote descompactado – isto em sua hospedagem.
WP-Clickmap, Heatmap Plugin For WordPress
Estes são plugins para o Wordpress, como os outros plugins não dão muito trabalho para instalar.
Estes plugins ainda estão em seus estágios iniciais de desenvolvimento, mas são ótimas opções para fazer estes tipos de análises. Veja abaixo um exemplo de análise por estes plugins.
Para conhecê-los visite http://www.rogerstringer.com/projects/wpclickmap para o WP-Clickmap e http://wpheatmap.oufel.com/ para o Heatmap Plugin for Wordpress.
Terceiro exemplo de heatmaps
Conclusão
Como você pode observar, a análise visual destes dados juntamente com os dados estatísticos gerados por programas de geração de dados estatísticos são extremamente importantes para se planejar onde você irá dispor banners, anúncios contextuais, organizar os vários elementos de suas páginas, testar vários tipos de anúncios e escolher os que tiveram melhores resultados, compor chamadas para ação no caminho de visão dos visitantes… enfim, terá pleno conhecimento de seu sítio ou blog no que diz respeito aos caminhos percorridos por seus visitantes.
O Analytics também tem uma ferramenta semelhante no menu Conteúdo que se chama “Cobertura do site”. A versão 2.3 do phpMyVisites já traz o plugin para habilitar os heatmaps.
Como eu disse no início deste artigo, há vários outros serviços deste tipo que você pode testar dependendo de suas necessidades. Não se limite apenas aos mostrados aqui, procure por outros e os teste também.
Então… até a próxima!
Artigos Relacionados:
- Divulgando com o PageEar (Capture a Atenção de seus Visitantes)
- Entendendo o seu Mercado (Niche)
- Cativando Visitantes com SlideShow’s
- 5 Idéias para Tornar Visitantes em Clientes
- Quanto lhe Custa os seus Clientes? Recupere o seu Investimento
- Escolhendo um Domínio Lucrativo (Para os Seus Negócios Online)
- Monetizando os seus Feeds (com Anúncios Próprios no WordPress)
- Como Criar os Seus Próprios Produtos para Vender pela Internet(Parte II)
Carregando ...
Já vou no google procurar mais disso, eu já tinha visto imagem disso principalmente em sites de SEO.
Como está Walter,
O mercado de Marketing Virtual(em geral) tem nos heatmaps um grande aliado. Também ele é usado por webmasters para decidirem como será o layout final de um sítio de um cliente.
Várias áreas os utilizam, cada uma com um propósito diferente. Daí se ver a utilidade efetiva deste tipo de dado estatístico.
De já agradeço sua participação e volte sempre.
Oi, li seu comentário sobre meu blog e vim conhecer o seu!
Tem uma resposta para vc lá no Análise.
Gostei muito da arrumação do seu blog, principalmente da nota inicial, explicando tudo.
Será possível eu copiar o seu template?
Na cor do múltiplas, lilás.
Eu não sei mexer nessas coisas, mas gostaria de arrumar mais o meu blog, vc e Alan deram boas dicas.
Obrigada!
Olá Nanda,
De já agradeço sua visita aqui.
Bom, com relação ao template não tem como pois você usa o Blogger – são incompatíveis os templates. Mesmo porque o visual de seu template está limpo e bem visível (a parte do conteúdo).
Com relação aos vários widgets e botões, seria interessante que você colocasse primeiro os que acha mais importantes. Do meu ponto de vista o “perfis”, “receba por e-mail”, “seus outros blogs”… os “arquivos do blog”, etc… deveriam ocupar as primeiras posições, sendo que os botões e outros widgets que não descrevem o seu blog, que não são relacionados diretamente com o seu blog, poderiam ficar nas últimas posições.
Mas para mudar tudo, você terá que aprender a fazer pelo menos tabelas, agrupar em blocos div… Também, como você vai ficar com “medo” de mexer (e bagunçar tudo), lhe aconselho a criar um outro blog (qualquercoisa.blogspot.com) e instalar lá um template que quiser, então você instalaria os mesmos botões e widget e mexeria à vontade. Quando tivesse mais prática, poderia passar a mexer em seu blog com mais confiança.
Quando eu falei em colocar anúncios para gerar alguma renda, é porque vi as revisões que faz (livros, música, filmes). A melhor forma de vender algo é quando você dá sua opinião sobre um produto que usou – pois as pessoas confiam em pessoas e não propagandas! Mas tenha cuidado para não sair espalhando banners, anúncios em toda parte, isto iria gerar um efeito negativo já que seus leitores não estão acostumados com isto – mais uma ligação para uma loja (submarino por exemplo) que vende tal livro que acabara de revisar no final do artigo não iria tirar o objetivo de seu blog.
Enfim, parabéns pelo seu trabalho e até outra oportunidade.