Heatmap & clickmap tag

Tag Manager

Available from 16.8.0

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:

  1. Go to Menu > Tag Manager.
  2. Navigate to Tags.
  3. Click Add a tag.
  4. Name the tag and select the following type: Heatmaps & clickmaps.
  5. Click Next.
  6. 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.
  7. 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.
  8. In Flight dates, set the date and time when the tag is fired.
  9. 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.
    Heatmap & clickmap tag in Piwik PRO

    Note: Only a click trigger can be used for a heatmap & clickmap tag.

  10. Click OK.
  11. Test your tag in debug mode.
  12. If everything works fine, click Publish.
  13. Done! Now data is collected. After about an hour, you’ll see it in the site inspector for Chrome.
    Site inspector for Chrome by Piwik PRO

Was this article helpful?

Technical support

If you still have any questions, visit our community.
There’s always someone happy to help!

Back to help center