Click or Tap Heatmaps will help you determine where your visitors are clicking or tapping (if they are on a mobile/tablet). These heatmaps help you quickly uncover issues with your page - for example, are visitors clicking your links? Or are they clicking areas that aren't links?
Example of a Click Heatmap
Hotjar tracks the clicks and taps of all visitors included in your heatmap report and automatically generates a visual representation of the areas your visitors clicked on. To show how often specific areas of your page have been clicked, Hotjar uses a simple color scale:
Red or "Hot" shows the elements/areas that have been clicked on most frequently whilst blue or "Cold" shows the areas that have been clicked on the least. Any area on the heatmaps which contains no colors is an area which has never been clicked on.
How clicks and taps are recorded:
To ensure that Hotjar accurately reports where your visitors have clicked, we collect clicks relative to elements on the page. For instance, if a visitor clicks on a button, we will record the position of their cursor relative to that particular button, not the entire page.
Check out our heatmap guide to discover how click and tap heatmaps can help you identify and understand user behaviour.
Move Heatmaps show where visitors have moved their mouse on the screen.
Example of a Move Heatmap
Hotjar samples the mouse movement of all visitors included in your heatmap report and automatically generates a visual representation of the areas your visitors moved their mouse over. To show how often visitors moved their mouse over specific areas of the page, Hotjar uses a simple color scale:
If many of your visitors moved their mouse to a specific point, that area is "hotter:. The color scale allows you to visually see how often your visitors have moved their mouse to different areas on your page.
How Hotjar records and shows movement:
Hotjar records the position of the users mouse cursor every 100ms (or 10 times per second). We periodically send this data back to the Hotjar servers and it is later used to generate your movement heatmap. Since we track the position every 100ms, your move heatmap may initially look like a click heatmap when it has just a few pageviews. However, once you collect enough data, you will notice patterns emerging revealing the most used areas on your page.
Check out our heatmap guide to discover how move heatmaps can help you identify and understand user behaviour.
Scroll Heatmaps are used to show you how far down your visitors scroll.
Example of a Scroll Heatmap
Hotjar tracks how far each of your visitors included in your heatmap report scrolled down whilst browsing your page. To show you how many visitors scrolled to different parts of your page, Hotjar uses a simple color scale:
Red or "Hot" areas of your heatmap indicate that all or almost all your visitors have seen this part of the page. As you move down the page, the colors will get "colder" according to the percentage of visitors who scrolled down to that point.
You can also place your mouse over the Scroll Heatmap where a marker will show, indicating the exact percentage of visitors that reached that exact point.
Check out our heatmap guide to discover how scroll heatmaps can help you identify and understand user behaviour.