A heatmap report displays a visual report to help you identify sections of the website which receive maximum visitor attention. The report helps you determine where to place your most important CTA buttons and links.
To access a heatmap report, go to INSIGHTS > Heatmaps. On the heatmap dashboard, select the view from the Views panel for which you want to view the heatmap report and click VIEW HEATMAP.
Components of the Heatmap Report
- Reports Type: Select the report type you want to view the heatmap, clickmap, clickarea stats, scrollmap, or element list.
- Add Observation: Click the Add Observation icon to note down a comment or observation you made on the report. To learn more about adding an observation from a report, click here.
- URL: For multiple URLs, you can switch among reports of different pages.
- Refresh: Refresh the reports page to view updated data.
- Navigate: Click this option to navigate through the pages of your website to view heatmaps of those pages.
NOTE: With this option, You can also view heatmaps on dynamic URLs such as pages behind sign-in, checkout pages, and so on.
- Clicks: Displays the total number of visitor clicks on the page. Switch between Latest Clicks (latest 5000 clicks by default) and All Clicks to view.
- Intensity: Use the slider to increase or decrease graphic intensity on the reports.
- Device Type: Filter your reports based on the data collected based on visitor device types such as desktop, phone, iPad, and so on.
- Share: Click the option to share the heatmap link with others.
- Download: Use this option to download screenshots of the heatmaps report. To download the report, click on the download icon present at the bottom of the heatmap report viewer to download
How to View Reports on Different Devices?
To view the report of different devices, click on the desktop icon present at the bottom of the heatmap report viewer. As soon as you click on this icon, the options to view the report in the mobile view and the tablet view appears.
PRO-TIP: As VWO plots heatmap on the live website, it is recommended that you download the heatmap report of a page periodically for historic snapshots of the report. This is especially useful before making any changes to the website.
Viewing Report for Different Types of Heatmap
This represents the graphical report of how visitors interact with a webpage. To view the heatmap report, click the HEATMAP tab on the reports page. The brighter area on the heatmap represents maximum interaction, and the darker shades indicate lesser activity. For heatmaps created as part of a test, the maximum number of clicks that can be plotted on the heatmap report is 100k. However, there is no limit to the number of clicks plotted on standalone “Advanced” Heatmaps.
NOTE: By default, the Safari browser blocks third-party cookies. To load the heatmaps data correctly, click Safari > Preferences > Privacy and disable the Prevent cross-site tracking option.
A clickmap report lets you find out the exact number of clicks on specific sections of the page links, images, dead space, text, or any element on the page. You can compare the clicks of different variations and measure if the result improves. To view the clickmap report, click the CLICKMAP tab on the reports page. In the clickmap report, you can hover the mouse over the link or section of the website you want to track links, images, dead space, text, or any element on the page.
NOTE: The number of clicks and the visitor percentage is displayed on the mouse-over text.
Using the scrollmap report, you can, track how many visitors actually make it to any depth of the page This represents the level of scroll after which they abandon the page. This lets you arrive at a decision of placing the key elements of the website in the sections where visitors spend most of their time. To view the scrollmap report, click the SCROLLMAP tab on the reports page. In the scrollmap report, the most active and scrolled sections of your website page are displayed in brighter shades of different colors.
The clickarea report compares between two sections of the same page to measure clicks and moves. This data is useful to track which sections get ignored or which sections should be prioritized. You can also check if the changes implemented in a section are making an impact on visitor behavior. To view the clickarea report, click the CLICKAREA tab on the reports page.
In the clickarea report, you can click and select the sections you want to compare.
ELEMENT LIST REPORT
The element list report lets you view the activities on each element on your website, including links, headers, list items, div, and so on. For each element on a particular page, you can view the number of clicks. To view the element list report, click the ELEMENT LIST tab on the reports page.
In the element list report, you can view the list of elements on the page and the related visitor data captured for each element. Sections present in the element list report:
- The Element column lists the location of each element, according to the element name provided in the HTML code of your website page.
- The Type column displays the type of element each represents (sections in div tags, headers and footers, forms, text, and so on), per the HTML structure of the webpage.
- The Clicks column shows the number of clicks that each element received.
- The Percentage of Total column displays the proportion of clicks that each element received compared to the total number of clicks on the page.