Heatmaps with Clickheat!

Heatmaps are used for testing and research purposes. They can be applied to many different fields and web design and usability testing are just two of them. There are different types, some track the focus of your eyes on a webpage or there are others that will track clicks on a page.  Damien Mulley has a great example of heat maps generated based on the movement of eyes around a webpage and they can give you some very valuable information. In Damien’s example below you can see that users mainly focus on the top three results in Google:

Today I want to show you how you can setup heatmaps for free on your website to track clicks on your webpage.  You can see from the image below, it will show clicks on the page which can give you valuable info that you mightn’t already be tracking like, is the search function being used on the site?, are people viewing your twitter profile. etc.?

clickheat1

The tool I use is called ClickHeat and it is opensource. To set it up just download it from the site, upload it to your server and follow the installation process (which is very simple). Finally add the javascript to your template to enable tracking.

Popularity: 2% [?]


This is some text prior to the author information. You can change this text from the admin section of WP-Gravatar  Leo is regular contributer to online forums


Related Posts

  • No Related Post

You can get our blog posts delivered for free by email every day - simply add your email address to the box below or alternatively grab the RSS feed.

3 Comments For This Post

  1. Jake @ How To EasyNo Gravatar Says:

    This looked cool so I thought I would check it out. Are you sure that URL is the correct one? Say I must be 18 to enter. ;) I think I found the ClickHeat you were talking about here: http://www.labsmedia.com/clickheat/index.html

  2. Zack KatzNo Gravatar Says:

    Yeah, to follow up on what Jake said, the http://clickheat.com site is a porn page!

    You should update the link to http://www.labsmedia.com/clickheat/index.html

  3. LeoNo Gravatar Says:

    Thanks Jake & Zack, link is updated

1 Trackbacks For This Post

  1. News Heatmaps with Clickheat! | Web 2.0 Designer Says:

    [...] See the rest here: Heatmaps with Clickheat! [...]

Leave a Reply

  • Popular
  • Latest
  • Comments
  • Tags
  • Subscribe
Advertise Here

Our Flickr Photos - See all photos

DSC_878902093One Kings Lane - Docantic, Inc. - Simone Gambus Gouache, 1959 outdoor wicker is a favorite of ours! So is this find by wanderlust.DSC_5448DSCF2486Weston Pool party