Hi folks,
I'm trying to build a simple heatmap for one of my sites, but it seems a lot trickier that I thought!
1) There are different themes for the site, 1 is aligned to the left, another one is aligned to the centre.
2) Screen sizes change throughout the users.
I need to track clicks on the site, but unfortunately event.PageX and event.PageY are calculated taking in consideration the whole screen.
Examples
In the first example a click with coordinates [300, 500] will probably be located somewhere around the gorilla (maybe his nostrils! =) ).
In this other example a click with coordinates [300. 500] will probably be located somewhere outside the main content area!
Bottomline: How can I address this problem, so that I can build an accurate DIY click heatmap?
This would be really interesting to know! Thanks guys! =)