Heatmap Analysis: Types, Examples, and Practical Uses

Updated September 19, 2026· 7 min read

Heatmap analysis is a set of color overlays that aggregate how people interacted with a page: where they clicked, how far they scrolled, which area collected clicks, which clicks were associated with ecommerce purchases, or how long a section stayed in view. A heatmap is an observation. It does not prove intent or causation, and it does not increase conversion on its own.

Use heatmaps with event tracking and behavioral analytics on an analytics dashboard. Layout changes still belong in conversion rate optimization as tests, not as heatmap-driven certainties.

Heatmap types, including what each tool may not offer

Names overlap across vendors. Confirm the product definition before you brief a designer.

Type	What it aggregates	Not the same as	Tool notes
Click map	Clicks or taps on elements or regions	A successful button. Clicks can be rage clicks, dead clicks, or mis-taps	Microsoft Clarity documents click maps, including dead, rage, error, first, and last clicks
Scroll map	How far sessions reached down the page	Proof that content below a drop-off is useless, or that moving it up will convert	Clarity scroll maps include an average fold from the devices in the sample
Area map	Clicks inside a selected region	A click map of every element	Clarity-specific: you choose the area, then see clicks inside it
Conversion map	Clicks associated with ecommerce purchases and purchase rate or revenue	Proof that an element caused a purchase or revenue	Clarity associates clicks with ecommerce conversion data; the map is observational
Attention map	Time a section was in view, or a vendor’s time-on-section metric	Gaze, reading, or interest	Clarity attention maps are time spent, not eye tracking. Other vendors use “attention” differently
Cursor-movement or hover map	Pointer path or hover position on pointer devices	Attention. The mouse is not the eye	Common in some session tools. Clarity’s heatmap types list does not include a movement heatmap; recordings can still capture mouse movement
Lab eye tracking	Gaze from specialized hardware in a study	Any web heatmap	Separate research method, small samples, not your live traffic

Microsoft’s Clarity heatmaps overview lists click, scroll, area, conversion, and attention maps. Clarity attention maps are average time spent on a section and that time as a share of session length. Warmer color means more time in view, not more interest.

Clarity’s FAQ also states that the product captures mouse movements in recordings. Capturing a pointer path is not an attention heatmap and is not eye tracking.

From observation to hypothesis to instrumented test

A useful heatmap workflow has four records. The experiment’s outcome metric, not the follow-up heatmap, determines the winner.

1. Observation. Describe the map type, device, URL, date range, filters, and sample. Example: “Mobile click map, 14 days, product URL, 8,200 page views: 31% of clicks on the gallery, 4% on Add to Cart.”
2. Hypothesis. State a cause you can change. Example: “Shoppers cannot find Add to Cart under the gallery on mobile, so moving the button above the gallery will raise add-to-cart rate.”
3. Instrumented test. Change one factor. Track the outcome in analytics: add-to-cart rate, checkout start, or purchase rate. Run a heatmap on variants only as supporting context.
4. Decision. The outcome metric decides. If add-to-cart rate does not move, the layout change lost even if the new click map looks “hotter” on the button.

Do not conclude that:

• High click activity means the button works. It may be the only visible control, a misleading image, or a dead click.
• Low activity means the content failed. It may be below a long hero that still converts for the people who need it.
• Moving content higher will help. That is a hypothesis.
• Running heatmaps increases conversion. Measurement is not the treatment.

A checkout scroll map that shows few sessions reaching the purchase control can justify a placement test. Conversion tracking still judges the result.

Sample worksheet

Field	Record here
Page, device, date range, sample
Map type and tool
Observation (what, not why)
Hypothesis
Change to test
Outcome metric and guardrail
Test result
Follow-up heatmap (optional context)

Hypothetical: a desktop scroll map shows 40% of sessions never reaching a mid-page comparison table. Hypothesis: the table is useful and should move up. Test: move the table above the fold on 50% of sessions. Outcome metric: add-to-cart rate, with a guardrail that bounce rate must not rise more than 2 points. If add-to-cart is unchanged, keep the original order. The scroll map did not lose. The hypothesis did.

Tools, used as type references

Availability is product-specific and changes. Confirm in the current interface.

• Microsoft Clarity. Free click, scroll, area, conversion, and attention maps plus recordings. Clarity. Microsoft’s FAQ says Clarity processes more than 1 petabyte of data from over 100 million users each month. That is scale context for the product, not evidence that a heatmap will raise conversion.
• Other heatmap tools. Hotjar, Crazy Egg, and Mouseflow offer their own click, scroll, movement, or attention map definitions. Read each vendor’s current documentation. Do not copy a Clarity attention-map meaning onto a cursor map.

Consent and recording disclosure still apply. Clarity’s FAQ says you should inform users about its cookie. Heatmaps inherit the same collection rules as the rest of the tag.

Practical check

Write the observation and the outcome metric before changing the page. If you cannot name a test, the heatmap is a screenshot, not an analysis.

Frequently Asked Questions

How do you interpret heatmap results?

Color shows relative activity in the selected map type: clicks, scroll reach, area clicks, ecommerce conversion associations, or time on a section. Cooler areas are lower activity, not proof of failure. A pattern is an observation. It becomes useful only as a hypothesis you can test.

What is heat mapping in digital marketing?

Heat mapping visualizes aggregated clicks, scrolling, selected-area clicks, conversion associations, or time on page for a URL or URL group. Some tools also draw cursor-movement maps. Those pointer paths are not attention and are not lab eye tracking.

What is an example of a heatmap?

A product page click map may show many clicks on gallery images and few on Add to Cart. That is an observation. The next step is a hypothesis and an instrumented test whose outcome metric, such as add-to-cart rate, decides the winner.

What are the benefits of using heatmaps?

Heatmaps give teams a shared picture of aggregated interaction. They help choose what to investigate. They do not prove user intent, prove that a button works, or increase conversion by themselves.

Video by Waseem Bashir, published November 7, 2022.

Sources

• Microsoft Learn, Clarity heatmaps overview, accessed September 19, 2026.
• Microsoft Learn, Clarity attention maps, accessed September 19, 2026.
• Microsoft Learn, Clarity FAQ, accessed September 19, 2026.