Mission Briefing
In this project we're going to build our own heat map to record which areas of any page are clicked the most. We'll need to build a way of actually recording where every click occurs and a way of transmitting that information somewhere so that it can be stored.
We'll actually be building two different bits of the overall heat map – the client-side part that is executed in visitors' browsers to capture the clicks, and an admin console that displays the heat map to the owner of the site.
We'll need to account for different resolutions and devices in order to capture the maximum amount of information and ensure that our script is efficient enough to run in the background unnoticed.
Nothing visible will happen at the client side of course (all that part will do is record and store the clicks) but at the end of the project we'll be able to display detailed information in the admin console on the number and positions of all clicks on a page, as shown in the following screenshot:
