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_ccd7f3c8-b81a-4b25-9d03-98e681c06849

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_54fa09ec-1699-4111-9832-b33408410d07

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

img_17d126ab-780d-45e4-b5ac-a97c5ec612ba

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_bc986ee1-78d7-4436-be89-1ff0e7a5befa

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_2e4b6557-3b87-4227-b46b-5c51b4a6d02c

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_740e8499-531d-42ac-9c3e-25270da6ce64

In the New heatmap field, we set the name.

img_d89a9b65-5dc1-4177-9cc0-7f97571b0625

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_e6c41c74-7225-4dfe-a480-39b7fdc94dc5

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

img_21441262-3d16-4c1c-a724-b8cb7e18a424

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_cd52ef83-cf1b-4120-8aec-4deb85820674

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_234fbf34-46c4-4f05-bc8f-ac94b88b8fdb

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

img_3638faf1-9784-4af7-ba91-8bb17ed59892

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_11c65f7f-4ffb-43c9-bb2e-a0bac03849a2

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

img_7e32ff26-3ee7-4083-98e4-7d35f0d0e50e

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_ef4dbb01-068a-4c5b-9c5f-d7e2c6caa249

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_03f68f73-0f7e-473a-931e-f793ef68cc21

Thanks! We appreciate your feedback 🤘