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!