The View Data button does not appear on Continuous Heatmaps
If you are on a Hotjar Business or Plus plan, your Heatmaps are based on continuous capture by default. The View Data button will not appear in the early release of this feature. As we transition to Continuous Heatmaps, you will still have access to manual snapshot-based Heatmaps as well. Learn more about Continuous Heatmaps.
When the View Data button is clicked on your Heatmap, a window will appear containing downloadable data for the Heatmap.
All Heatmap types will include a Download All As CSV button, allowing you to export raw Heatmap data as a .csv file.
Click and Move maps include a Show drop-down menu, allowing you to choose which elements you'd like to see:
- All Elements: All elements on the page that collected data, regardless of whether they are visible in the Heatmap screenshot or not.
- Visible Only: Only the page elements that are visible within the Heatmap screenshot.
- Hidden Only: Only the page elements that are not visible in the Heatmap screenshot.
Learn more about the information you'll see in the View Data window for each type of Heatmap:
We've also included instructions showing how you can find the elements on your site:
Dynamic content not shown in Heatmap screenshot will still be listed in View Data
Within View Data, Hotjar will show all clicks collected for the Heatmap, not just the data visible in the screenshot.
Click Heatmap data
- ELEMENT: Displays the CSS selector that represents the specific element on your page that a user clicked on
- VISIBLE: Displays Yes or No, to indicate whether or not the element is visible in your heatmap screenshot
- CLICKS: Displays a count for the total number of user clicks that Hotjar associated with the given element
- % OF TOTAL: Calculates the percent of clicks associated with the element, based on the total number of clicks collected by that Heatmap snapshot. Note: this column will always show the % of total data, regardless of the selection made in the "Show" dropdown.
Move Heatmap data
- ELEMENT: Displays the CSS selector that represents the specific element that a user's cursor moved on
- VISIBLE: Displays Yes or No, to determine whether or not the element is visible in your Heatmap screenshot
- INTERACTION POINTS: Displays a count for the total number of movement interactions that Hotjar associated with the given element
- % OF TOTAL: Calculates the percent of movement interactions associated with the element, based on all movement interactions collected by that Heatmap snapshot. Note that this column will always show the % of total data, regardless of the selection made in the "Show" dropdown.
Duplicate elements will be differentiated by a numeric value in parenthesis.
If multiple elements appear listed with the same CSS selector, you'll notice an (x) at the end of the CSS selector text. Examples:
- div#sidebar>example: A missing (x) value means the element is the first of its kind to appear on the page.
- div#sidebar>example (1): - (1) means that this is the first duplicate element to appear on the page. At least two elements with this name appear in the View Data list.
- div#sidebar>example (13): - (13) means that this element name has been used at least 14 times, and this is the 13th duplicate element of this kind to appear on the page.
Scroll Heatmap data
- % OF PAGE SCROLLED: Shown in 5% increments, this represents the percent of the page (starting at the top of the page) that data is being evaluated for.
- For example, the second row shows 10% of the page scrolled equals 208px. This means that the total page height is 2080px (10 x 208 = 2080), and all 492 users (100%) viewed this much of the page.
- PIXELS SCROLLED: Indicates the total number of pixels (starting from the top of the page) that corresponds with the % of page scrolled
- NUMBER OF USERS: Displays a count for the total number of users that landed on the page while Hotjar was collecting data for this Heatmap snapshot
- % OF TOTAL: Calculates the percent of users that saw or scrolled through each corresponding percent of the page height.
- For example, out of 492 users, only 427 (86.8%) of them scrolled down 30% of the page.
Scroll Map data will not include a Show drop-down option.
Scroll Maps evaluate the height of the targeted page (in pixels) and how far down the user reached, so the View Data window for these Heatmaps does not include element-related data.
How to find the element selector on your site?
The 'View Data' tab will show you the elements on the page where a user has clicked. If, for example, you're interested in knowing if users clicked on one of your drop-down menus, you can find the element selector on your site and verify if the selector is listed in the 'View Data' tab with associated clicks.
Here's how you can find the element selector for a specific element on your site:
Find the element on your page that you want to check.
You will need to locate the CSS selectors of the elements you wish to analyze. In the below screenshot, the browser being used is Chrome. You can right-click on the element you are interested in and then click on Inspect Element.
Find the CSS selector you need.
After clicking Inspect Element, the development panel will open and show you the element you have selected. Clicking the elements will highlight the part of the site allowing you to determine the exact element you are looking at.
Right-click on the element and select: Copy > Copy selector.
