Clickheat: mapa de calor

Talvez poucos usuários saibam mas monitorar todas as suas ações em um site é mais fácil do que ele mesmo pensa (ou nem pensa: ele está mais interessado no conteúdo que está visitando mesmo). Há tantas ferramentas disponíveis para monitoramento que ele nem tem idéia. E alguns são open-source.

O mais conhecido e talvez o mais usado atualmente seja o Google Analytics, que sinceramente dispensa apresentações. Mas na esfera publicitária, controlar campanhas, views, clicks e muito mais já era possível bem antes, com ferramentas como RealMedia OAS, Predicta, OpenAds, entre outros.

Tudo é muito útil, com fornecimento de relatórios, gráficos... Mas nenhuma dessas ferramentas mostram (visualmente falando) onde é que o usuário clica enquanto navega em seu site. Ou, em outras palavras, nenhum oferece um heatmap (mapa de calor). Isso não quer dizer que isso não exista.

Clickheat, da Labsmedia, é um mapa de calor totalmente open-source e pronto para ser usado. É fácil de instalar, bastando alguns conhecimentos técnicos de servidor e javascript. Ele tem um painel administrativo onde, após configurado, fornece uma código em javascript (exatamente da mesma forma que o Google Analytics fornece), para você inserir em cada página de seu site. E, assim que inserido, ele já começa a coletar os clique de qualquer visitante em seu site.

Você também não pode considerar como mais uma ferramenta de tracking, mas também de comportamento e usabilidade de seu site. Você simplesmente começa a analisar o que funciona e o que não funciona em seu site, o que deve mudar... como por exemplo, quando o usuário clica em um lugar que não é link, mas que devido ao visual ele esperasse que fosse.

Além disso, o mapa de calor pode servir muito antes de um site pronto. Nos próprios testes de usabilidade (ou até nos testes com wireframes), como uma ferramenta para somar ao vídro espelhado, à filmagem do usuário e da captura de navegação. Com esta ferramenta, temos uma visão geral dos cliques dos usuários no teste, podendo priorizar os defeitos de usabilidade, sem cair em "achismos".

O site de ferramenta, para você fazer o download, é www.labsmedia.com/clickheat/.

COMENTÁRIOS

dúvida


tem como usar esta ferramenta no blogger? se sim, pode disponibilizar um tutorialzinho?

abraços, aguardo resposta!


Clickheat não mas Crazy Egg sim!


Olá, Guilherme,

O Clickheat não dá para ser instalado no Blogger, pois ele necessita rodar em um servidor que suporte PHP, que você tenha que alterar algumas permissões de arquivos do próprio Clickheat no servidor e, por fim, que pelo menos você tenha acesso via FTP ou até um simples Gerenciador de Arquivos.

O Clickheat é mais focado em sites com hospedagem próprias. Se um dia você deixar o Blogger de lado, ir para uma hospedagem (paga ou gratuita mesmo, mas que dê todas essas funcionalidades), você pode instalar o Wordpress (para ser o publicador do seu blog) e, enfim, monitorar com o Clickheat.

Ainda assim, há uma alternativa: se você tiver um amigo que tenha hospedagem própria, ele pode instalar o Clickheat no servidor do site dele e fornecer um código do Clickheat para você monitorar o seu blog. Os dados do site dele e do seu ficarão separados, não irão misturar tudo não.

Um método ainda mais fácil é outra ferramenta, chamada Crazy Egg. Este sim você não precisa instalar nada em servidor algum, Veja nesta minha postagem (http://www.marcomoreira.com.br/blog/crazy-egg-mapa-de-calor) mais informações sobre o Crazy Egg, ok? Mas se ainda tiver alguma dúvida, dê um toque.

Obrigado pela visita!


Obrigado pela explicação


Obrigado pela explicação Marco, por enquanto meu blog está no blogger, mas ano que vem, acho que irei para um servidor (com suporte php) e usarei esta ferramenta.

Seu blog é show de bola,desde o conteúdo, até o layout. Começarei visitar mais vezes.

abraços


Show! Obrigado.


Show! Obrigado.


Novidades


Gostei da informação!

Pra quem acha que já viu de tudo na Net, sempre tem novidades! por isto a rede não para de crescer e nos surpreender.


Comente!

O conteúdo deste campo é privado não será exibido publicamente.
  • Endereços de páginas de internet e emails viram links automaticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Linhas e parágrafos quebram automaticamente.

Mais informações sobre opções de formatação