Crazy Egg: mapa de calor

  • Mapa de calor do Crazy Egg
  • Tela exibida após cadastro no Crazy Egg
  • Tela de configuração de monitoramento
  • Tela com o código Javascript para ser inserido na página de seu site
  • Tela com os status do monitoramento de cada página de seu site

Já falei aqui sobre o Clickheat, uma ferramenta open-source que monitora cliques dos usuários em cada página de seu site e exibe como um mapa de calor. Mas, assim como outras ferramentas de monitoramento, ele não é o único: Crazy Egg pode ser considerado um "concorrente" bem mais agradável, visual e ainda mais fácil de instalar.

No Crazy Egg, você tem disponível três tipos de visualizações diferentes de mapas de calor, além de estatísticas dos cliques, exibindo, por exemplo, número de cliques e porcentagem, caso o clique for em um link que vá para uma determinada página (de seu site ou de outro qualquer).

Instalando Crazy Egg em seu site

Para instalá-lo, acesse o site do Crazy Egg (http://crazyegg.com/) e clique no botão amarelo SIGN UP NOW para efetuar seu cadastro. Você será levado a página de planos. O último plano é de graça, só que há a limitação de monitoramento de 5 mil visitas por mês e 4 páginas do site.

Depois de cadastrado (veja as fotos com o passo a passo na galeria acima), você verá uma página mostrando 3 etapas para iniciar o tracking. O primeiro deles é configurar um teste. Ao clicar no botão amarelo CREATE A TEST, você será levado a outra página onde deverá colocar alguns dados de configuração. Em PAGE INFO, há um campo para nomear a página (exemplo: Home do Site). Logo abaixo, outro campo onde você deverá digitar a URL da página a ser monitorada (exemplo: http://www.marcomoreira.com.br OU http://www.marcomoreira.com.br/index.php). Depois, em TEST INFO, escolha TIME para definir o tempo de teste durante 1 dia. Em DESCRIPTION OF TEST, coloque uma observação para objetivar o motivo do monitoramento (exemplo: testar a concentração de cliques nas áreas de chamadas segmentadas para cada seção do site - Blog, Jobs 2007/2006 e coluna da direita).

Assim que você clicar em SAVE, o Crazy Egg processará as informações e irá lhe retornar, na próxima tela, um código Javascript (bem parecido com o Google Analytics) para ser inserido no final do html do seu site (exatamente uma linha antes das tags </body> </html>.

Após esse 1 dia de teste, volte ao site, efetue o Login e veja o mapa de calor desenvolvido durante o dia anterior.

Clickheat X Crazy Egg - Qual dos dois usar em seu site?

Particularmente, eu prefiro por várias razões o Clickheat para fazer o monitoramento em forma de mapa de calor, apesar das boas opções extras que o Crazy Egg proporciona. Porém, o que irá determinar a utilização de um ou outro é exatamente os recursos que cada projeto ou site detém.

O Clickheat é bom se você...

  • Tem uma hospedagem própria, no qual suporte a linguagem PHP
  • Necessite monitorar todas as seções e páginas de seu site (ou até mais de um site)
  • Prefere organizar as páginas por GRUPOS (podendo cada grupo ser a seção de seu site)
  • Quer ter acesso em tempo real das estatísticas
  • Quer limitar o número máximo de cliques monitorados por página (desconsiderando contar, por exemplo, mais de 3 cliques do usuário em uma página --- isso é bom principalmente para testes de usabilidade com objetivo fechado)
  • Precise que não conte seus próprios cliques ou até bloqueie cliques de IPs específicos.

Já o Crazy Egg é bom se você...

  • Prefere uma interface mais fácil de ser usada
  • Não tem uma hospedagem própria (nos casos em que você tenha um blog no Blogger ou sites em hospedagens gratuitas que não fornecem acesso a FTP nem suporte à PHP)
  • Tem pouca visitação por mês (no máximo 5 mil visitas)
  • Não precise monitorar muitas páginas (no máximo 4, como por exemplo: Home, Sobre mim, Contato e Mapa do Site)
  • Tem experiência básica com HTML
  • Quer ver estatísticas em até três tipos de visualizações de mapa de calor
  • Quer saber de onde o usuário veio e para onde ele clicou em cada página (e outros detalhes de navegação)

O site de cada ferramenta é:

Clickheat - http://www.labsmedia.com/clickheat/
Crazy Egg - http://crazyegg.com/

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