company-logo
Advice and answers from the Creabl Team
Analytics
Heatmaps
Heatmaps
To get to the Heatmaps section, go to Analytics located on the left side of the page, and click Heatmaps.

img_3c559b29-22ef-4ca1-b22e-c20ac1994414

What is a heatmap?


With the help of Heatmaps, you can see how users behave on your website and where they click (or don't click).
Below you can see which elements users interact most often, least often, and which they do not interact with at all.
Each circle and each element of a certain color is a cluster of clicks from different users.

img_0365b2c2-b569-44aa-98f0-3ca873067d4c

At the top of the page, you can view the number of visits to the page.

img_d1a86fbb-c68c-4175-9a76-eeaee56e7e86

To determine the interaction intensity, there is a color scale that shows that the closer the hue is to the blue, the more seldom people click on the element. And the more close to red the color of the circle, the more often users click there.

img_288ef882-3968-4a7e-a6b2-82b55bda2eef

You can also view the list of user sessions that Creabl managed to record. In order to see more details, you need to click on the Play button.

img_199dc21d-418b-4ea6-84a8-b14fb9af3794

Note: The click map is built on the basis of recorded sessions. There is difference between the number of recorded sessions and the number of pageviews because not every user visit can be recorded. This can happen when the user's session is too short, there is a ban on recording cookies, there are browser plug-ins that prohibit recording the session, etc.


How to create a heatmap?


In order to create a heatmap, you need to click on the Create heatmap button.

img_5329807e-c9ce-4a86-89fe-41698bae111e

In the New heatmap field, we set the name.

img_7bd9d039-3174-44e2-bdff-9ac87d412057

The first setting is Number of pageviews. This parameter determines how many sessions pageviews with clicks will be recorded.
Available settings: 1000, 5000 or 10000 pageviews. You can always edit this parameter later.

img_7105820c-9203-4283-9086-f882982f1793

Next, select Visit a specific page and enter the URL. Visits and clicks of the entered page will be tracked and mapped.

img_7054f8d5-71ac-423f-ab7d-a309bfeac624

The Exclude items from heatmap option gives the possibility to exclude elements whose clicks you do not want to see on the heatmap.
For example, you know that you have an advertising banner in a certain place. You can enter CSS selectors, and clicks on this area will not be tracked.

img_9896c359-1754-4f44-b7d0-e4e7459b9173

If you want to overlay the map on some other screenshot, you can insert a link, and instead of the page that the user visited for the first time, your screenshot will be displayed.

img_5cf2a8dd-9c87-4c7a-8363-ecb5fa6e000f

To complete the creation of the heatmap, click Create heatmap.

img_a20bc188-156e-47c3-b350-c0ac09e5f5e0

The new heatmap is automatically added on top of the heatmap list. In the list, you can see the name and status, the date of creation, and how many views of the page specified in the settings there have already been.
To pause the recording, click on the In progress status, and data collection will be automatically paused.

img_9238831d-42a5-4fe9-8b17-61fd354c1d45

To edit the heatmap, for example, to change the number of views, click on the additional menu and click Edit.

img_4747e9d9-f926-454c-9ec8-32105838360e

You can also find your heatmap in the Overview section under Analytics. In the upper right block, there is a summary of the last five maps. You can see how many people have already viewed your page, and change the status of the map.

img_30031ad6-53e8-4780-91f0-dbeeffe6db58

If you want to see the entire list of heatmaps, click on the All heatmaps button or go to the Heatmaps section in the left menu.

img_3d9fcbc9-18c3-4f8f-8b95-b673b7302f5f

Thanks! We appreciate your feedback 🤘