Before your users mouse movements will be recorded and your page heatmaps will be generated, you need to create a Heatmap.

To get to the “Manage Heatmaps” screen, click either in the reporting or in the administration menu on “Heatmaps” and then “Manage”. No developer knowledge is needed to configure any of the heatmaps and you don’t need to adjust the code on your website. When you manage your heatmaps, the UI always explains what each step is about in detail and it will literally take you only seconds to track your users interactions and generate heatmaps.

To create a heatmap, click on “Create new heatmap” in the bottom left. To edit a heatmap, simply click on the “edit” icon next to the name of a previously created heatmap.

When you create or edit a heatmap, all you need to do is define a name for the heatmap and choose on which target page the heatmap should be generated for. To do this, you can choose between “URL”, “URL path”, “URL parameter” attributes and comparisons like “equals”, “starts with”, “contains”, “matches the regular expression”, and many more. The validator next to your target page lets you easily test whether the page you want to match actually matches the Pages for which you want to generate Heatmaps.

Advanced options

When you configure a heatmap, you can optionally define advanced options such as:

  • choose a Screenshot URL
  • hide elements from the heatmap
  • choose a different Sample rate
  • define the Breakpoint width for Mobile phones and Tablet (useful if your website is responsive)

As always, the meaning of each option is clearly explained in the user interface.