How to implement heatmap?

Question

I want to implement heatmap for our site based on our own site logs, but do not how to implement it.

My current idea is to generate an image within the click percentage as the background image.

I'd like to know whether there're some other mature solutions for heatmap implementation

Answer 1

For a proper heat map, see Recording user data for heatmap with JavaScript.

Here is a list of a few third-party options.

For something a bit different, Google Analytics provides a similar feature called In-Page Analytics which replaced the Site Overlay feature.

Answer 2

Finally, I find that html overlay may be a proper solution for me.

Answer 3

There is always the data-driven documents, D3.js, a JavaScript library. Worth checking it out :)