Clickmap – visual click tracking

Clickmap is a real-time heatmap tool to track mouse clicks and scroll paths of your website visitors. Gain intelligence about what’s hot and what’s not, and optimize your conversion with Clickmap.

Installation

To start using the Clickmap integration, you must have installed the django-analytical package and have added the analytical application to INSTALLED_APPS in your project settings.py file. See Installation and configuration for details.

Next you need to add the Clickmap template tag to your templates. This step is only needed if you are not using the generic analytical.* tags. If you are, skip to Configuration.

The Clickmap Javascript code is inserted into templates using a template tag. Load the clickmap template tag library and insert the clickmap tag. Because every page that you want to track must have the tag, it is useful to add it to your base template. Insert the tag at the bottom of the HTML body:

{% load clickmap %}
...
{% clickmap %}
</body>
</html>

Configuration

Before you can use the Clickmap integration, you must first set your Clickmap Tracker ID. If you don’t have a Clickmap account yet, sign up to get your Tracker ID.

Setting the Tracker ID

Clickmap gives you a unique Tracker ID, and the clickmap tag will include it in the rendered Javascript code. You can find your Tracker ID clicking the link named “Tracker” in the dashboard of your Clickmap account. Set CLICKMAP_TRACKER_ID in the project settings.py file:

CLICKMAP_TRACKER_ID = 'XXXXXXXX'

If you do not set an Tracker ID, the tracking code will not be rendered.

Internal IP addresses

Usually you do not want to track clicks from your development or internal IP addresses. By default, if the tags detect that the client comes from any address in the ANALYTICAL_INTERNAL_IPS setting (which is INTERNAL_IPS by default,) the tracking code is commented out. See Identifying authenticated users for important information about detecting the visitor IP address.