Note: For versions below 16.8.0, use a custom code to collect data for heatmaps and clickmaps.
The heatmap & clickmap tag lets you collect data for heatmaps and clickmaps in the site inspector for Chrome. A heatmap shows color-coded data on where people clicked on a page. A clickmap shows the details of clicked elements on a page. In this article, we’ll show you how to set it up.
Before you start
Here are some things to know before you add the heatmap & clickmap tag:
- Install the site inspector for Chrome using our extension if you haven’t done it yet.
- The site inspector for Chrome can also show scrollmaps, and they need to be set up separately.
- You can use only one heatmap & clickmap tag on a site or app.
Add and set up a tag
To add and set up the heatmap & clickmap tag, follow these steps:
- Go to Menu > Tag Manager.
- Navigate to Tags.
- Click Add a tag.
- Name the tag and select the following type: Heatmaps & clickmaps.
- Click Next.
- In Advanced tag settings, choose Consent type. Set it up if you use a consent form on your site. This tag will be fired only for visitors who consent to the selected consent type.
- Respect opt-out and DNT is turned on by default. Leave it as is, if you want to respect visitors who set Do-Not-Track in their browsers, or visitors who opt out of tracking using our opt-out form.
- In Flight dates, set the date and time when the tag is fired.
- In Tag triggers, click Add a trigger or Choose existing trigger to set up a trigger for this tag.
- For tracking all clicks on all pages, use a click trigger without conditions.
- For tracking selected clicks, use a click trigger with conditions.
Note: Only a click trigger can be used for a heatmap & clickmap tag.
- Click OK.
- Test your tag in debug mode.
- If everything works fine, click Publish.
- Done! Now data is collected. After about an hour, you’ll see it in the site inspector for Chrome.