Heatmap reports combine visual interaction maps with detailed engagement metrics, allowing you to evaluate the effectiveness of your page layout and optimize user experience.

Experiment Details

Experiment Name

Experiment Status

Tracked URL

Date Range

Experiment Name

Displays the name of the heatmap experiment.

Example - Zylker Home Page

This helps identify the webpage being tracked.

Experiment Status

Shows whether the heatmap experiment is currently collecting visitor interaction data.

Example - Running, Draft or Paused

Tracked URL

Displays the webpage URL where the heatmap tracking is implemented.

Example - zylkerautomation.zohoecommerce.com

Date Range

Shows the period for which the heatmap data is being analyzed.

Example : Entire Duration – Mar 26, 2025 to Mar 31, 2026

 Report Actions 

Export

Share Report

Export

Allows you to download the report data in CSV format for external analysis.

You can now export heatmap reports as a PDF or email them directly from the Heatmap report using the Export option.

Share Report

Generates a secure link to share the heatmap report with other stakeholders.

While generating a share link, you can configure:

• Password protection
• Expiry date for the report link

This ensures that report access remains controlled and time-limited.

1. The Consolidated Heatmaps option allows you to view the combined heatmap data of all pages included in the experiment.
   

1. Instead of analyzing each page individually, consolidated heatmaps display aggregated visitor interaction patterns across all tracked pages.
2. This helps you quickly identify general engagement trends across the experiment.
   

Page Stats

The Page Stats section provides key interaction metrics for the selected page and device type.

Example : Page Stats – Desktop

This indicates that the metrics displayed correspond to interactions recorded from desktop users.

The following metrics are included :

Visitors

Engaged Visitors

Visits

Clicks

Clicks per Visit

Visitors

The number of unique users who visited the tracked webpage.

Example : 22

Each visitor is counted once, regardless of how many times they visited the page.

Engaged Visitors

Displays the percentage of visitors who interacted with at least one element on the webpage.

Example : 22.73%

An engaged visitor is someone who clicks on one or more elements on the page.

Visits

The total number of visits recorded for the page.

Example : 107

A single visitor can generate multiple visits.

Clicks

Displays the total number of clicks recorded across all elements on the webpage.

Example : 85

This includes clicks on links, buttons, menus, images, and other interactive components.

Clicks per Visit

Shows the average number of clicks made during a single visit.

Example : 0.8

This metric helps measure how actively visitors interact with the page.

Top Engaged Elements

The Top Engaged Elements table lists the webpage elements that received the highest number of clicks.

This helps you identify which elements attract the most visitor interaction.

The table includes the following details : 

Element

Clicks

Contribution

Element

Displays the webpage element that visitors clicked.

These may include:

• navigation links
• buttons
• images
• text elements

In some cases, elements may appear as CSS selectors if the system cannot display a readable label.

Clicks

Shows the number of clicks recorded on that specific element.

Example : Services – 7 clicks

Contribution

Contribution indicates the percentage of total clicks generated by that element.

Formula:

Contribution = (Number of clicks on the element ÷ Total page clicks) × 100

Example : 8.24%

This means that the element contributed 8.24% of the total clicks recorded on the page.

Filter and Segment Your Heatmap 

Heatmap reports provide filtering and segmentation options that allow you to analyze visitor behavior more precisely. These filters help you understand how different groups of visitors interact with your webpage.

Segment Audience

The Segment Audience option allows you to filter heatmap data based on visitor characteristics.

This helps you compare interaction patterns across different visitor groups.

Two segmentation options are available. 

Smart Segments

Advanced Segments

Smart Segments

Smart Segments provide predefined filters based on common visitor attributes.

Examples include:

• device type
• visitor behavior
• traffic source

These segments allow you to quickly analyze interaction data without creating custom rules.

Advanced Segments

Advanced Segments allow you to create custom filtering conditions using multiple visitor attributes.

You can segment heatmap data based on factors such as:

• device type
• location
• referral source
• campaign parameters
• visitor behavior

Advanced segmentation enables deeper behavioral analysis by isolating specific visitor groups.

Device View

Heatmap reports allow you to view interaction data separately for different device types.

Available device views include:

• Desktop
• Tablet
• Mobile
  

Switching between device views helps you understand how interaction patterns vary across screen sizes.

Heatmap Visualizations

Heatmap reports provide visual representations of how visitors interact with your webpage. These visualizations use color density and interaction metrics to help you understand which sections of the page receive the most engagement.

Zoho PageSense provides three types of heatmap visualizations:

• Heatmap
• Scroll Map
• Attention Map

Each visualization highlights a different aspect of visitor behavior.

Heatmap

The Heatmap view shows where visitors click on your webpage. It highlights the areas that receive the highest number of clicks using color density.

Each clickable area is displayed along with interaction metrics such as number of clicks and percentage contribution.

What it shows 

1. Number of Clicks
   Displays the total number of clicks recorded on a particular element or section of the webpage.
2. Percentage
   Shows the percentage of clicks that the element contributes relative to the total number of clicks recorded on the page.

Color Density

Heatmaps use color intensity to represent interaction levels:

• Red / Dark colors – Areas with the highest number of clicks
• Yellow / Green – Moderate click activity
• Blue / Light colors – Low interaction

This helps you quickly identify which elements attract the most visitor interaction.

Scroll Map

The Scroll Map shows how far visitors scroll down the webpage.

This view helps you understand which sections of your page are actually seen by visitors.

What it shows

1. Visits
   Displays the number of visits that reached a particular section of the page.
   This helps determine how many visitors scrolled to that part of the page.
2. Average Fold
   The average fold indicates the average screen depth where visitors stop scrolling.
   It represents the typical point up to which most visitors view the page before dropping off.
   
   

Color Density

The scroll map uses color gradients to indicate visibility:

• Warmer colors represent sections viewed by more visitors
• Cooler colors represent sections viewed by fewer visitors

This helps you identify whether important content appears above or below the average viewing area.

Attention Map

The Attention Map shows which sections of the webpage receive the most visual attention from visitors.

It measures how much time visitors spend focusing on different parts of the page.

What it shows

1. Focus Areas
   Sections where visitors spend more time interacting or hovering appear with stronger color intensity.
   These areas typically indicate higher engagement or interest.
2. Average Fold
   Similar to the scroll map, the attention map also indicates the average fold, which represents the average screen depth where visitors spend most of their time.

Color Density

Color density indicates the level of attention:

• Red / Dark colors – Areas receiving the most attention
• Yellow / Green – Moderate attention
• Blue / Light colors – Areas with minimal focus

This visualization helps you understand which content sections attract user attention and which areas are often ignored.

Chrome Extension

The PageSense Chrome Extension is used when a webpage cannot be loaded inside the PageSense application due to security restrictions such as login protection, CSP, CORS, or iframe blocking.

In such cases, instead of rendering the page within the app, the extension lets you open the page directly in your browser and view PageSense data on top of it.

Example:
If your checkout or user dashboard page is behind login and doesn’t load in PageSense, you can use the Chrome Extension to open that page in your browser and view heatmap insights directly.

Available Heatmap Views

Once enabled, you can switch between different heatmap visualizations:

Click Heatmap

Displays areas where visitors click the most on your webpage.

Scroll Map

Shows how far visitors scroll and where drop-offs occur.

Attention Map

Highlights sections where visitors spend the most time viewing content.

Benefits of Using the Extension

Viewing heatmaps directly on your webpage helps you make faster optimization decisions by showing exactly where users engage, hesitate, or lose interest. This allows you to improve layouts, content placement, and conversion-focused elements more effectively.