Crazy Egg: mapa de calor

:: Enviado por Marco Moreira em qui, 22/11/2007 - 00:55.

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/

Clickheat: mapa de calor

:: Enviado por Marco Moreira em qua, 14/11/2007 - 23:09.

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/.