This is GHOP task #10: http://code.google.com/p/google-highly-open-participation-drupal/issues/...

"Click Heat maps" can be used on web sites to show what parts of a page are
frequently used. The Drupal community can use this data, particularly on
the administration area, in order to help improve the visibility of
frequently used links.

This task involves researching about click heat map tracking, what open
source/free heatmap tools are out there, and how they can be wired up to
work with Drupal.

The deliverable on this task is a report of at least three (3) open source
heat map tools, a list of at least five (5) pros and cons of each, and,
based on that, a recommendation for which one Drupal should use. It should
accompany a post to Drupal's Usability group about how they can setup a
test server to track heat mapping over the course of a few weeks in order
to gather data.

Resources:

* http://blog.corunet.com/english/the-definitive-heatmap
* http://groups.drupal.org/usability

Files: 
CommentFileSizeAuthor
#4 heatmap_report.pdf96.55 KBboombatower

Comments

steve2580’s picture

Assigned:Unassigned» steve2580

I was assigned this task.

coloryan’s picture

Perhaps it would be possible to integrate this feature: (open source) http://www.labsmedia.com/clickheat/index.html.

If you need the contact info for the developer, let me know. I've chatted with him several times to get his SW up and running.

steve2580’s picture

Labs media

The 5 pros
1. instant deployment
2. security
3. multiple web sites
4. multi-users
5. free

The
5 cons

1. memory limit
2. Debug mode
3. admin page dosen’t show all things
4. admin page go slows on firefox
5. Version of GD doesn’t work properly.

Phpysmyvisites

The 5 pros
1. instant deployment
2. multiple websites
3. free
4. multi users
5. management of web site

5 cons
1. Geographic statistics
2. Define websites
3. Receive web site statistics
4. Visitor websites
5. 300 internationally web searches
this is my 5 pros and cons from each. i am currently working on my recadmandation
and i need more time i am going to work on this over christmas break.

boombatower’s picture

Status:Active» Needs review
StatusFileSize
new96.55 KB

I have attached my report that I believe meets the requirements of this task.

The usability link is: http://groups.drupal.org/node/8360.

dmitrig01’s picture

Assigned:steve2580» Unassigned
Status:Needs review» Reviewed & tested by the community

This is perfect!

boombatower’s picture

As a note I went ahead and created the module to perform the integration based on my recommendation. The project can be found: http://drupal.org/project/click_heatmap.

anantagati’s picture

Thank you for click_heatmap module.

JohnNoc’s picture

Component:Admin Guide» New documentation
Issue tags:+GHOP

Changed the component to reflect the new component categorization. (DocSprint @Drupalcon Szeged 2008)

John
-----------------------

Drupal Norge
Det offisielle norske nettstedet for Drupal

dawehner’s picture

Status:Reviewed & tested by the community» Needs review

What is a heat map?

A heat map is a graphical representation of data where the values taken by a variable
in a two-dimensional map are represented as colours. — Wikipedia

Use
Click heat maps can be used to find trouble areas in websites and allow the developer to make
changes. Layouts that are not easy to navigate can be discovered and modified to make them
easier to use. Without heat maps a developer may never know that users find his site hard to use.

Available Tools

There are many tools available to collect heat data, but this report will focus on open source tools
that can be integrated into Drupal.

  • ClickHeat
  • phpMyVisites
  • The Definitive Heatmap

ClickHeat

ClickHeat was developed by labsmedia and provides click heat mapping funtionality. ClickHeat
can be found at: http://www.labsmedia.com/clickheat/.

Requirements

  • JavaScript
  • PHP
  • Graphic library GD2
  • PNG support needed

Setup

The library only requires a configuration file to be setup and has an interface to create it.

On each page that will record data a small snippet of Javascript must be placed at the bottom of
the HTML.

Pros

  • Minimal Javascript attachment to page.
  • Does not interfere with the user's ability to use the page.
  • Stores data in a text file which does not require as much overhead as a database.
  • Provides an interface for viewing results that could be modified to integrate into Drupal's administration interface.
  • Generates a simple, easy to read PNG file using common PHP library.
  • Code is self standing and does not require any additional, non-PHP standard, libraries.

Cons

  • May require some modification to read log file into Drupal system.
  • Uses PHP class based architecture contrary to Drupal's standard setup.
  • Interface will require a moderate number of changes to make it run in the Drupal system.
  • Does not support multilevel page grouping.
  • Data is stored in a log text file instead of database breaking the normal convention for
  • Drupal storage of dynamic data.

phpMyVisites

phpMyVisites is an open source GNU/GPL licensed website statistics and audience measurement
system. The framework provides many web statistic capabilities. The framework can be found
at: http://www.phpmyvisites.us/.

Requirements

  • JavaScript
  • PHP
  • Graphic library GD2
  • PNG support needed
  • MySQL database

Setup

The library only requires a configuration file to be setup and has a multi step interface to create
it.
On each page that will record data a small snippet of Javascript must be placed at the bottom of
the HTML.

Pros

  • Minimal Javascript attachment to page.
  • Does not interfere with the user's ability to use the page.
  • Provides an interface for viewing results that could be modified to integrate into Drupal's administration interface.
  • Generates a simple, easy to read PNG file using common PHP library.
  • Code is self standing and does not require any additional, non-PHP standard, libraries.
  • Provides more than just click heat map support.
  • Provides multilevel grouping of pages.

Cons

  • Stores more information than just click heat map data, which requires greater overhead.
  • Uses ClickHeat library instead of their own click heat map library which leads to just using the original.
  • Forces the Drupal site to be using MySQL instead of allowing PgSQL.
  • Framework is being somewhat abandoned with the new encompassing project Piwik.
  • Geared towards being its own, freestanding interface, not being placed inside the Drupal administration system./li>

The Definitive Heatmap

The Definitive Heatmap provides a simple way to use Apache module to create heat maps. The
Definitive Heatmap can be found at: http://blog.corunet.com/english/the-definitive-heatmap.

Requirements

  • Javascript
  • Apache
  • mod_imap
  • Ruby

Setup

The library requires the modification the the Apache configuration file in order to function
correctly.

Pros

  • The logging runs very fast since it is using a simple module that is designed to do logging.
  • Minimal Javascript attachment to page.
  • Does not interfere with the user's ability to use the page.
  • Stores data in a text file which does not require as much overhead as a database.
  • Code is self standing and does not require any additional libraries. (other than mod_imap)

Cons

  • Requires Apache server which removes the ability for Drupal to run on IIS.
  • Ruby interpretation must be supported.
  • Not as easy integrated since script is not written in PHP and could not easily be place in standard Drupal module framework.
  • May require some modification to read log file into Drupal system.
  • Requires changes be made to the Apache configuration file, this is not always possible depending on the hosting situation.

Conclusion

ClickHeat heat provides the simplest system with the least amount of overhead. It does not come
with extra features beyond the click heat map. The code base is freestanding and fairly simple
and could be integrated into Drupal fairly easily.

The data collection method is very simple and doesn't require a database. The log file format
stores relevant data in a simple format that is both easy to read and space efficient.

The generated click heat map provides a clean interface and shows the clicks using an easily
recognizable gradient format.

clickheat

Since the script is written in PHP and is well organized it could be integrated into the Drupal
module framework without too much hassle.

arianek’s picture

hey boombatower or dereine - did the documentation in comment #9 end up anywhere? if not, should we create a handbook page at http://drupal.org/handbook/modules/click_heatmap and put it there? an update would be much appreciated, thx!

arianek’s picture

Status:Needs review» Fixed

pinged boombatower in IRC - this documentation was actually re: creating the module (not docs *for* the module) - and he did proceed to write the module, so this can be closed. marking as fixed.

Status:Fixed» Closed (fixed)
Issue tags:-GHOP

Automatically closed -- issue fixed for 2 weeks with no activity.