View Heatmaps

What is a Heatmap?

A Heatmap (or Heat map) is a visualization tool that makes it easy to analyze aggregated information about how users interact with the website.

MIDA tracks all visitor clicks, moves, and scrolls on mobile, desktop, and tablet and automatically generates a heat map. This data helps you identify the most engaged areas and figure out gaps.

How do Heatmaps work for my website?

Heat maps are created from the data already collected from sessions by MIDA. MIDA aggregates information on clicks/moves/scrolls reaches across different page views based on the filters you choose to generate the heatmap.

To view heatmap(s) in MIDA, follow these steps:

Step 1: Go to the "Heatmaps" section of the app.

Step 2: Filter the date range and select Device type of Heatmaps.

Step 3: Choose the page that you want to analyze from the list of pages available.

Step 4: Choose the type of heatmap you want to use from the available options: Clicks, Moves, Scrolls, or Areas.

Click maps: This heatmap shows the areas of a webpage where visitors click the most. It helps you identify which elements on the page are getting the most attention and which ones are being ignored.

MIDA provides different types of click maps:

• All clicks

• Dead clicks

• Rage clicks

• Error clicks

• First clicks

• Last clicks

Move maps: This heatmap shows the areas of a webpage where visitors move their mouse cursor the most. It helps you understand how visitors navigate through your website and which areas are the most engaging.

Scroll maps: This heatmap track how far users scrolled down a page (hot being popular and cold being unpopular). It gives information about:

• Percentages of users who scroll up to a particular section on your webpage.

• Average fold: Content seen above the fold is based on the users accessing your site. This fold indicates the average location visible on a webpage before the user starts scrolling.

It helps you to figure out the most and least viewed parts of a webpage.

Area maps: This heatmap shows the areas of a webpage with clicks data. You can customize which areas to track.

Step 5: Change the device if you want to see heatmaps on different viewports.

Step 6: The heatmap will display a visual representation of user activity on your website.

The color of the heatmap indicates the frequency of user activity in a particular area of the page.

You can hover over the heatmap to see more detailed information about user activity, such as the number of clicks or the average scroll depth.

Use the insights gained from the heatmap to optimize your website and improve the user experience for your customers.

If you have any questions, feel free to contact us via Crisp Chat or email us at [email protected].