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_9b17c564-6956-424f-81e3-92f6ab24bfe9

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_2826cf2e-e488-4513-b728-9641fd1ffd1a

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

img_4c09d0ae-1974-446a-bc49-6fd309ad7b19

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_ef24a64a-16da-4385-85bc-68dcef8c114a

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_6654296e-8209-4637-b301-3af063baa376

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_7ca01a4d-3957-43a4-bc7d-118561d55514

In the New heatmap field, we set the name.

img_a9a9c8f8-8006-47d4-986c-76a88b3c1785

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_e166745e-489b-4289-8e76-ba30f19f2d16

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

img_b92b84bf-ec22-4697-9789-b71b49ab8fa2

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_a98f7722-dfbd-44ff-a4c7-62e1ccc0e825

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_2f7355f3-dbf7-44b3-9ce5-2fd59f3e9fa7

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

img_9b4d85aa-ed00-406b-b2c5-2c322460e826

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_4caa39b3-5ee0-4aa8-b58f-49cc0088f0fc

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

img_353203aa-2f74-4a9a-9cf3-6218e270cb54

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_1291dccd-0aea-48d6-99ee-929069986aee

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_e1473486-8811-4035-9844-9c12aae85661

Thanks! We appreciate your feedback 🤘