Free click “heat-maps” for your website

ClickHeat is a free solution to track the clicks of the visitors on your website. Cool! Yeah, if you own a website this is a must-have!

ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones. ClickHeat is an OpenSource software, released under GPL licence, and free of charge.

Requirements
- on the browser’s client: Javascript
- on the server: either Linux or Windows, Apache or Lighttpd, PHP, the graphic library GD2 (PNG support needed).

Features
- Low logging activity: a very few function calls to log a click, no server load rise should be noticed
- A keyword is used to define the page upon Javascript code load, allowing you to group same pages.
- Screen sizes and browsers are logged, making possible the tracking of liquid CSS layouts (100% used width).

Furthermore you can integrate it as a plugin in piwik, the open source analytics. Thus making piwik a considerably good alternative to Google Analytics. To do so:

  1. download ClickHeat for piwik
  2. unzip it and move the folder to piwik/ClickHeat/
  3. activate it through piwik plugin settings
  4. test it! Remember to insert the javascript code on the pages you wan to track

If you get permission problems, create a .htaccess file in the ClickHeat/libs folder that contains (no spaces in the tags!):


< Files click.php >
Allow from all
Satisfy any
< / Files >

Sometimes, it’s a bit buggy, and I have to refresh the page more than once in order for it to work, but it’s cool anyway! If you want to see all the clicks made so far be careful that the URL of the page is something like this:
module=CoreHome&action=index&idSite=3&period=year&date=today#module=ClickHeat&action=view&idSite=3&period=year&date=today. Where year is the length, and today is the last day of analysis.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Home
Twitter Facebook Flickr Vimeo About me Email me