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.