Page Analysis

Block and Element Data Reports #

Block and element data reports transform heatmaps into a data report presentation, helping you efficiently discover issues and opportunities on your pages. We automatically break down the page structure and organize data based on your business to provide this, working with heatmaps, both quantitatively and qualitatively, to help you understand the performance of different content sections at a glance and generate hypotheses for your next actions.

Block Data #

Blocks refer to multiple page modules segmented according to page content and structure. You can view the exposure, clicks, drop-off, and conversion performance of each block.

Automatic Block Identification, Adjustment, and Location #

When you first access a page URL, an automatic scan for identification is required so we can better analyze your page. Click the button on the right to start the scan. During the scanning process, please do not scroll or perform any actions. The scanning time depends on your page length and typically ranges from a few seconds to tens of seconds.

Once identification is complete, you will see the segmented blocks and related data on the right side. The heatmap on the left will automatically enter analysis heatmap mode and display the identified blocks.

Block Name

By default, the block name is the text or image alt information captured within the block. You can also modify it to a more easily recognizable name by hovering over the block name and using the menu to rename.

Block Location

Clicking a block name allows you to quickly locate that block in the heatmap on the left and view its situation on the heatmap. Block location is supported in all 3 heatmap types.

Block Adjustment or Addition

If the automatically identified blocks do not match your page structure, and you need to adjust the block display range, or if some content areas on the page are not recognized, you can click "Block Settings" above the analysis heatmap to make adjustments.

Once you enter block setting mode, you can hover over the block area you want to adjust. Then, by clicking, you can re-select the area or add a new block. After completion, you can click "Save" in the top right corner to save your changes.

Block report metrics instruction

n the data table on the right, you can view different metrics for each block. The metrics you can switch between are listed below:

Red and Green Indicators in the Data Table

In the data table, block metrics that perform well are marked in green, while those performing poorly are marked in red. This helps you quickly identify both high-performing blocks and those requiring attention.

• The more intense the red color, and the higher a block appears on the page, the more significant the issue it indicates and the greater the priority for optimization.
• Conversely, the more intense the green color and the lower a block is positioned, the greater the opportunity it represents. Consider highlighting and potentially moving this content higher up the page to capitalize on its positive performance.

Full Block Data Report

Click "View Full Report" in the top right corner to access a comprehensive table displaying all block metrics, allowing for a more detailed understanding of each block's performance.

CSV export of block data
In the full report, you can use the Export button on the top right to do the CSV export.

Element Data #

Elements are individual content pieces within a page, such as CTAs, images, or text. You can view the exposure, clicks, and conversion performance of each element.

Automatic Element Identification, Adjustment, and Location

We automatically identify all interactive elements on your page by default and display them in a list within the "Elements" tab on the right.

Element Name

By default, the element name is the text or image alt information extracted from the element. You can also modify it to a more easily recognizable name by hovering over the element name and using the menu to rename it.

Element Location

Clicking an element name allows you to quickly locate that element in the heatmap on the left and view its performance on the heatmap. Element location is supported across all 3 heatmap types.

Element Adjustment or Addition

If an element you wish to analyze is not automatically recognized, you can adjust the settings in "Element Settings" above the analysis heatmap. Additionally, as we only identify interactive elements by default, if you want to track non-interactive elements, you can also configure them through "Element Settings".

Element Report Metric Descriptions

In the data table within the "Elements" tab on the right, you can view different metrics for each element. The metrics you can switch between are listed below:

Data Table Red and Green Markers Explanation

In the data table, element metrics that perform well are marked in green, while those performing poorly are marked in red. This helps you quickly identify both high-performing elements and those requiring attention.

• The more intense the red color, and the higher an element (or its surrounding content) appears on the page, the more significant the issue it indicates and the greater the priority for optimization.
• Conversely, the more intense the green color and the lower an element is positioned, the greater the opportunity it represents. Consider highlighting related information around this element and potentially moving it or related content higher up the page to capitalize on its positive performance.