Area maps
Last updated
Last updated
Area Heatmap displays the total clicks for all the elements within a selected area. Unlike a click map, you can choose the area and view the heat for all the elements within the area.
The top panel helps you filter the Click maps data and actions for them.
URL: This autofill URL based on the page you choose from the Heatmap list page
Device:
You can choose what device to see heatmap, including PC, Tablet, and Mobile. The number on the right side of it is the number of pageviews of that URL on that device.
Heatmap type: including 4 types
Clicks
Moves
Scrolls
Areas
View recordings:
View recordings help you watch all sessions that included this URL.
View default areas based on the heat activity with applied filters. Distinct areas have a defining boundary, and CTR is visible by default on the area itself.
CTR: Click Through Rate (CTR) is the number of clicks on the area present by the total number of clicks on matched pages.
Note:
The area could be on the whole page based on what you selected.
Areas could also have no click activity.
In this mode, you have the ability to select new regions on the area maps. Select the 'Edit heatmap' button in the sidebar panel to switch from viewing to editing area maps.
You can select an area by clicking on the heatmap. The number of clicks and CTR for the new area is calculated on the tooltip. You can also remove an existing area.
Select 'Exit edit' when you finish editing. Then the new Area map will be shown.
At the bottom of Heatmap panel, there are:
Clicks: the total number of clicks on a page for the applied device.
Color scale: Colors get warmer as the popularity of a section increases. The warmer the colors, the denser the clicks.
The sidebar panel contains the list of areas in order of the number of clicks in the default area maps. Selecting a new area in Edit mode will add it to the top of sidebar.
As you scroll to the bottom, you see elements with the number of clicks (% of clicks). Once you select an element on the Sidebar panel, it will automatically navigate you to that element on the Heatmap panel.
View recordings help you watch recordings where the element was clicked.
This copies the CSS selector of an element that allows you to identify the exact element in the UI. You can use it to change the style of an element.
If you have problem when using this feature, feel free to reach us at support-sbc-tc@bsscommerce.com or Live Chat if you need any assistance.
