Go to Matomo. In the left menu click “Heatmaps” and then select a Heatmap report of your choice. Not seeing any heatmap? Create a heatmap first.

Click Map

On the click heatmap, you can for example find out where confusing colors or elements make your visitors think that something is clickable. It also lets you see where your visitors go next or what they are looking for.

Mouse Move / Hover Map

A mouse move heatmaps is similar to eye tracking but requires only seconds to set up and you can see results much faster. Mouse move heatmaps help you find for example useless parts on your page, which parts are ignored, where your visitors engage, whether users get distracted, and more.

Scroll Map

Scroll heatmaps use colors to visualize how far down in a page your visitors scroll. When you hover on the Scroll heatmap, you see exactly how many percent have scrolled down to a certain position. This lets you for example find out if there is important content positioned too far down the page, whether your visitors are encouraged to scroll, and more.

Above the fold

“Above the fold” is the content that a visitor sees without scrolling. The “Average Above the Fold” line will show you how much content your visitors see on average when they open your page. Use this information for example to find out if you need to show key content further up.

Applying segments

You can apply any of the over 100 Matomo (Piwik) segments and view the engagement for different target groups.

Applying date range

In heatmaps, date range is disabled by default. But it can easily be enabled. In your browser, date selection becomes enabled as soon as you append &useDateUrl=1 to the end of your heatmap browsing URL.




The heatmap report lets you view the engagement for desktop, tablet and mobile devices with just one click.