All About Site Traffic

Microsoft Clarity: Setup, Heatmaps and Session Recordings

A practical Microsoft Clarity guide covering setup, privacy, heatmaps, session recordings and traffic-quality investigations, with GA4 comparisons and a worked example.

Bernard
BernardAuthor
Sep 26, 2026 21 min read
Microsoft Clarity: Setup, Heatmaps and Session Recordings

A practical Microsoft Clarity guide covering setup, privacy, heatmaps, session recordings and traffic-quality investigations, with GA4 comparisons and a worked example.

Microsoft Clarity is a free behavioral analytics tool that helps website owners see how people interact with a page. Instead of showing only totals and conversion rates, it provides session recordings, heatmaps, funnels and automated insights that can reveal where visitors hesitate, click the wrong element or leave a process.

That makes Clarity useful for UX, content, ecommerce and conversion work, but it is not a replacement for Google Analytics 4, controlled testing or privacy review. This guide explains what Microsoft Clarity currently offers, how to install it responsibly and how SEOVisitor readers can turn observations into practical improvements without making unsupported ranking or conversion claims.

What Is Microsoft Clarity?

Clarity is a behavior analytics platform from Microsoft for websites and apps. Its main job is to make user interactions visible. The dashboard combines aggregated metrics with tools that let teams inspect individual journeys and investigate a specific problem in more detail.

Session recordings

Session recordings reconstruct actions such as page visits, clicks, taps and scrolling so that you can review a visitor’s journey. Filters and segments help narrow a large collection of sessions by device, page, traffic source, behavior signal or another relevant condition.

A recording is most useful when it answers a focused question. For example, if mobile users abandon a form, recordings may show whether the submit button is hidden, an error is unclear or a field is difficult to complete. One replay is an observation, not proof that every visitor experienced the same issue.

Heatmaps

Clarity provides click, scroll, area, attention and conversion maps that help investigate activity across a page. Click maps can highlight popular elements, first and last clicks, dead clicks, rage clicks and error clicks. Scroll maps show how far visitors move through the page and where attention begins to drop.

Heatmaps are useful for finding patterns, but the visual color scale does not explain intent. A heavily clicked element may be useful, confusing or simply positioned in a busy area. Open the related recordings and compare the pattern with conversion or error data before deciding what to change.

Funnels, events and Copilot

Clarity supports event and funnel tracking. A funnel is an ordered series of page visits or actions, and Microsoft currently allows teams to build funnels without adding code for every step. Funnel reports show progression, conversion rate, converted sessions and median time to convert, with links to relevant recordings and heatmaps.

Copilot features can summarize recordings and heatmap patterns or help a team review a large set of interactions more quickly. Treat an AI-generated summary as a starting point for investigation. It still depends on the collected data and should be checked against the underlying sessions and business metrics.

Microsoft Clarity heatmaps recordings and funnel features

Is Microsoft Clarity Free?

Microsoft describes Clarity as a free service forever, with no traffic limits and no sampling. There is no paid tier that a high-traffic site must upgrade to in order to continue collecting standard Clarity data. This makes the platform accessible to small sites and large projects, although teams still need an implementation and governance plan.

What the free service includes

The current feature set includes recordings, heatmaps, behavioral insights, event and funnel tracking, filters, segments and Copilot-assisted analysis. Microsoft also provides integrations for Google Analytics, Google Tag Manager and several website platforms.

“Free” does not mean that every requirement is handled automatically. A business still needs to manage consent, masking, user access, documentation and the time required to review evidence. Confirm important feature or policy details in the official Microsoft Clarity FAQ because the product continues to evolve.

Data retention

Clarity does not keep every data type for the same period. Microsoft’s current data-retention documentation states that playback data used for recordings is retained for 30 days. Sessions that are labeled or favorited are retained for nine months.

Click data and heatmap data are also retained for nine months. If a recording matters to an investigation, label or favorite it promptly and document the important finding outside the playback. Data that passes its retention period is deleted from Clarity servers and cannot be recovered.

How to Install Microsoft Clarity

Each Clarity project has a unique tracking code. Microsoft supports manual installation, Google Tag Manager and integrations for popular platforms. Choose one controlled method, avoid loading the same project script twice and verify the result before relying on the dashboard.

Manual code, GTM and platform integrations

For a manual setup, create a project in Clarity and add its tracking script to the site’s <head>. Google Tag Manager users can use Microsoft’s official Clarity template or the setup flow inside Clarity. WordPress and other platform users can choose a supported integration when it fits the site’s maintenance process.

Use the same project only on the domains or subdomains that belong in one reporting view. Microsoft says one project can span multiple sites when its script is installed on each of them, but combining unrelated properties can make filters, access and consent management harder to control.

Verify collection before analysis

After publishing the script, use Clarity’s installation check and visit representative pages. Confirm that the network request is sent, the dashboard begins receiving data and recordings cover the templates you expect. Also test single-page application routes, consent states and any environment where scripts load conditionally.

If recordings or heatmaps are missing, first confirm the project code and page URL, clear overly restrictive filters, and check consent, script blockers and the selected date range. A newly installed project has no historical recordings to display. Check the actual browser page before interpreting an incomplete playback as a visitor problem.

A successful installation check only confirms that collection can occur. It does not prove that consent signals, masking rules, internal-traffic filters or event definitions are correct. Review those settings before sharing recordings or using the data to make a product decision.

Microsoft Clarity project installation workflow

Privacy, Consent and Content Masking

Behavior analytics can include detailed page context and interaction data, so privacy must be part of the setup rather than an afterthought. The site owner remains responsible for the implementation, notices, lawful basis, consent process and access rules that apply to its users and region.

Consent Mode and regional requirements

Microsoft began enforcing consent-signal requirements on October 31, 2025 for visits originating from the European Economic Area, the United Kingdom and Switzerland. A valid signal is required for full Clarity functionality for these sessions. The relevant location is the visitor’s, not the website owner’s.

Clarity Consent Mode can prevent first-party and third-party cookies from being set until valid consent is received. If consent is denied, Clarity can operate with limited, cookieless tracking and page-view-level identifiers, but the journey is fragmented and some recording continuity is unavailable. Microsoft recommends the current Consent API V2 for custom implementations.

Mask sensitive content

Clarity offers Strict, Balanced and Relaxed masking modes plus element-level rules. Microsoft states that input-box and dropdown content is masked in every mode and cannot be unmasked. Teams can also use CSS selectors or Clarity HTML attributes to mask specific elements before their content is uploaded.

Review pages that contain account, financial, health, support or other sensitive information even when default masking is enabled. Masking-setting changes affect new recordings and are not retroactive. Do not place sensitive data in stylesheets or style tags, because Microsoft notes that this content is not covered by Clarity’s masking feature.

Project access and governance

Limit project access to people who need it, review membership regularly and define how recordings may be shared. A useful internal rule should cover consent ownership, masking tests, permitted use cases, retention expectations and the process for reporting an accidental collection issue.

Your privacy notice should accurately describe the analytics tool and its purpose. Avoid claiming that all behavioral data is automatically anonymous. Legal requirements vary, so product documentation is not a substitute for advice from the organization’s privacy or legal team.

Microsoft Clarity and GA4 Work Better Together

Clarity and Google Analytics 4 answer different types of questions. GA4 is primarily a quantitative measurement system for acquisition, events, audiences, journeys and conversions. Clarity supplies visual context that can help explain what a visitor experienced before a measured outcome.

Question Better starting point Next step
Which channel generated completed purchases? GA4 Validate campaign and event definitions.
Where are visitors clicking an element that does not respond? Clarity Review dead-click recordings and reproduce the issue.
How many users completed a signup event? GA4 Check the funnel and data quality.
What happened immediately before form abandonment? Clarity Filter recordings, then verify the hypothesis with event data.

Connect recordings with measured outcomes

Clarity’s Google Analytics integration can display GA data in Clarity and help teams move from a quantitative segment to relevant behavioral evidence. Microsoft currently allows one Google Analytics web property to be connected to each Clarity project.

Keep page URLs, campaign parameters and event names consistent across the two platforms. Do not expect their totals to match perfectly: consent status, filters, session definitions, time zones, blockers and implementation differences can all change the reported numbers.

Microsoft Clarity vs. Hotjar

Both products can support behavioral research, but the best choice depends on the required workflow and each vendor’s current plan. Clarity is especially attractive when a team needs free recordings, heatmaps, filters and funnels without a traffic cap.

Choose by the research job

Hotjar may be considered when feedback widgets, surveys, interviews or research-management features in its current offering are central to the project. Clarity may be sufficient when the priority is inspecting behavior and connecting recordings with Microsoft or Google analytics workflows.

Read more: using Hotjar for UX research

Avoid choosing from an old feature comparison. Confirm current pricing, traffic limits, retention, integrations, survey needs, team permissions and privacy controls directly with each vendor. A short pilot on the same representative pages is more reliable than a generic winner.

Comparing Microsoft Clarity with GA4 and Hotjar

A Practical Clarity Investigation Workflow

Opening random recordings can consume time without producing a decision. Start with a measurable problem, narrow the audience, inspect a small set of relevant sessions and finish with an action that can be verified.

Begin with a specific question

Write the problem in a form that can guide filtering: “Why did mobile checkout completion fall after the last release?” is more useful than “What are users doing?” Define the page, device, date range and outcome before entering Clarity.

Apply the relevant filters and save a segment when the investigation may be repeated. Review the dashboard pattern, heatmap and multiple recordings from the same segment. Look for repeated evidence rather than selecting the most dramatic session.

Turn an observation into a testable hypothesis

Suppose recordings show repeated taps near a disabled checkout button and a validation message below the mobile fold. Reproduce the issue manually and state a specific hypothesis: moving the message next to the invalid field will help users understand what must be corrected.

Fix the confirmed problem, note the release date and compare the same conversion and error metrics after enough representative traffic has accumulated. Clarity supplied diagnostic evidence; it did not by itself prove causation or guarantee an improvement.

How to Read Common Clarity Signals

Clarity automatically surfaces several behavior patterns. These signals are useful filters, not final diagnoses. The same signal can have harmless or serious explanations depending on the page and task.

Rage clicks, dead clicks and error clicks

Rage clicks are repeated clicks or taps in a small area within a short period. They can suggest frustration, but they may also occur in a game, map or control designed for repeated input. Dead clicks occur where no expected response follows, while error clicks are associated with JavaScript errors.

Open the related recordings, identify the element and reproduce the behavior on the same device class. Check loading states, overlays, broken links, delayed responses and unclear labels. Prioritize signals that block a high-value task rather than fixing every unusual interaction.

Quick backs, excessive scrolling and low reach

A quick back can indicate that a landing page did not match the visitor’s expectation, but it can also mean the answer was found quickly. Excessive scrolling may show that users are searching for content, repeatedly checking details or navigating a very long page.

Use scroll maps to see how much of a page is reached, then compare the pattern by device and traffic source. Connect the observation with conversions, search intent and page content before moving sections or removing information.

How to Use Microsoft Clarity Heatmaps

Use heatmaps to answer a page-level question: can visitors find the next step, reach the explanation they need, and interact with working controls? Open your project, choose Heatmaps, and select the page. Check the date range and applied filters before interpreting any colors. Microsoft documents five heatmap types; each answers a different question.

Map What it shows Useful investigation
Click Clicks on page elements, including first, last, dead, rage and error clicks. Find a popular link, misleading image or unresponsive control.
Scroll The share of visitors reaching page depths and the average fold. Check whether essential instructions and the CTA are reached.
Area Clicks across elements within a selected region. Inspect activity around a pricing or navigation section.
Attention Time spent at different page locations. Investigate sections where visitors pause; time alone does not prove comprehension.
Conversion Ecommerce purchase-related behavior associated with clicked areas. Explore purchase patterns when relevant ecommerce data is available.

A red area represents a concentration of the selected activity, not a verdict that the design is successful. A cold area may be below most visitors’ reach, irrelevant to their task, or useful without attracting clicks. Keep the page’s purpose in view when deciding whether a pattern needs intervention.

Set the URL, audience and device before reading the map

Select one landing page or a deliberately comparable group. Decide whether query parameters distinguish genuinely different experiences, such as campaign variants, or merely create separate labels for the same page. Check the current URL-matching setting so that unrelated paths or variants do not silently enter your analysis.

Review mobile and desktop separately, then narrow by the relevant audience and dates. Keep the same filters when moving between the map and recordings. A mobile layout problem can disappear in an aggregate view dominated by desktop visitors, while a change in channel mix can make a stable page appear to have deteriorated.

Read reach, clicks and recordings in sequence

  1. Start with reach: use the scroll map to locate essential content and inspect the percentage reaching it. The average fold is a summary, not every visitor’s screen boundary.
  2. Inspect the intended action: switch to clicks and check the CTA, nearby links and any element that looks interactive. Separate a button receiving few clicks from a button receiving clicks but failing to work.
  3. Check attention: review where people spend time. A pause may reflect reading or confusion; compare it with the preceding and following actions.
  4. Open relevant recordings: use the map’s recording option where available to investigate clicked elements. Confirm the problem on the actual page and device before assigning a cause.
  5. Write one proposed change: specify the element, audience and intended outcome. Measure completed actions rather than treating a hotter map as success.

For a blog, this might mean moving a direct answer ahead of a long introduction or making a useful internal link easier to recognize. On a product page, inspect delivery information, images and the purchase path. On a lead-generation page, check whether the visitor understands eligibility before reaching the form. Preserve useful detail rather than removing every section with low reach.

Compare changes without mixing page versions

Clarity’s Compare view can show maps side by side within one project. Match device, audience and comparable periods on both sides, and confirm that screenshots represent the intended versions. Exit Compare if you need recording controls unavailable in that view.

A before-and-after difference can also reflect a new promotion, seasonality or a different audience. Use a planned experiment when you need stronger evidence about a design change. Define the primary outcome before looking at results and retain enough context to explain what else changed.

How to Review Clarity Session Recordings for Traffic Quality

Recordings help investigate why a traffic segment fails to produce useful actions. They do not certify that a visitor is a qualified buyer or prove that an unengaged session is a bot. Define quality for the page first: an accepted enquiry, a valid purchase, successful task completion or another outcome that matters to the business.

Build a comparable traffic segment

Start in Recordings and open Filters. Use Entry URL when the question concerns arrivals on a landing page; use Visited URL when the question concerns anyone who reached it during a journey. Set the date range, device and relevant country, then apply traffic-source conditions. Keep those choices consistent when reviewing another source.

Microsoft’s filter documentation lists Source, Medium and Campaign based on UTM values, alongside referring-site, channel and bot-traffic filters. Missing referrer information is not proof of fraud. Check campaign tagging and redirects when a known campaign cannot be isolated, and save a useful filter combination as a segment for repeat reviews.

Compare several sessions that completed the intended action with several that did not. Review the sequence from entry through exit, including page transitions and failed interactions. Record the recurring obstacle, the applicable segment and the outcome definition. Do not choose only the most unusual replay and present it as representative of the whole channel.

Separate audience mismatch from landing-page friction

The same surface behavior can have different explanations. Use the checks below to decide what to investigate next, rather than assigning a low-quality label from session length or scroll depth alone.

Observed pattern Possible explanation Next check
Short session without scrolling Quick answer, mismatched promise, slow loading or incomplete collection. Review entry context, page rendering and whether the task could be completed above the fold.
Repeated clicks on the CTA A blocked control, unclear feedback or an interaction requiring repeated input. Reproduce the control and inspect validation, loading states and errors.
Visitors reach the form but do not submit Unexpected eligibility, excessive fields, a technical failure or insufficient intent. Review form behavior and compare accepted enquiries with raw submissions.
Few visitors reach the primary CTA The next step is buried or the preceding content does not meet the visitor’s need. Compare reach by device and source, then test clearer structure or an earlier relevant action.
Similar unusual sequences across many sessions Automation, a shared technical defect or a repeatable legitimate workflow. Review detected-bot filters and corroborate with server, security and campaign evidence.

Review the denominator as well as the pattern: ten problematic sessions out of twenty available sessions deserves a different discussion from ten out of thousands. Consent, blockers and capture limits can also change which visits are observable. A segment’s recording collection is evidence to investigate, not a complete account of every customer journey.

Decide whether to fix the page or change the campaign

If comparable sources encounter the same broken form, repair the form before rejecting the audience. If the problem is concentrated in one campaign and its promise does not match the offer, review the advertisement, destination and targeting. Confirm that the country or customer requirement is genuinely part of the business’s eligibility rules.

Use GA4 and business records to check purchases, accepted leads and acquisition cost alongside the recordings. Reduce or pause a source when the combined evidence supports that decision, not because one replay looks unproductive. For a consistent comparison, follow our GA4 traffic-source analysis guide.

Read more: How to Audit the Quality of Purchased Traffic: A Complete Guide

If you are evaluating a purchased traffic campaign, choose a prepared destination and define the review criteria before ordering. Use campaign labels to keep that activity separate from your organic baseline, and inspect useful outcomes as well as delivered visits. Clarity can support the review; it cannot guarantee sales, verify every visitor’s intent or establish a ranking benefit.

Website traffic campaign illustration
Plan a Measurable Website Traffic Campaign
If you have a new landing page to promote, you can use SEOVisitor’s website traffic service to send additional visits to that page as part of your marketing plan.

A Hypothetical Landing-Page Investigation

Imagine a service business receives visits from organic search and a tagged campaign, but few mobile visitors complete its enquiry form. This is a hypothetical diagnostic example, not a customer case study or a claim about expected improvement. The team uses the same landing page and completed date range for both sources.

The mobile scroll map shows limited reach to the enquiry section. Click maps show repeated taps on a pricing graphic that is not a link. Relevant recordings show some visitors trying the graphic and others leaving before the form. Desktop visitors can see the next step earlier, so the team avoids treating every channel’s visitors as equally disengaged.

The team reproduces the misleading graphic and tests a clearly labeled link to the enquiry section. It also makes the qualification requirements visible before the form. The success measure is accepted enquiries per eligible visit, with form errors and completed submissions as supporting metrics. More clicks on the graphic alone would not establish success.

Keep a short investigation log: page and segment, date range, number of sessions reviewed, repeated evidence, hypothesis, change owner and primary outcome. After release, compare like-for-like audiences and note other campaign or product changes. Use a planned A/B test where feasible; do not invent an uplift from the example.

Use Clarity with Search Console Without Confusing CTR

Search Console describes visibility and clicks in Google Search before a person arrives. Clarity describes observed behavior after arrival. A low search-result CTR is a query, snippet and results-page question; a low CTA click rate is an on-page question. A landing-page heatmap cannot show why someone who never clicked your result chose another listing.

Start with Search Console to identify the landing page, query group, device and country worth investigating. Then review comparable organic visits to that page in Clarity. This is a coordinated analysis of separate reports, not a claim that every search query can be joined to an individual recording or that Clarity has a native Search Console integration.

Evaluate search performance and on-site outcomes separately after a change. Use our Search Console workflow for visibility questions and the Clarity steps above for page experience. Neither a warmer heatmap nor longer recorded sessions demonstrates that Google changed the page’s ranking because of the edit.

Technical Limits to Check

Clarity supports many site architectures, but no behavior tool captures every interface perfectly. Knowing the limits prevents a missing or distorted playback from being interpreted as real user behavior.

Dynamic pages, Canvas and third-party iframes

Microsoft states that Clarity cannot capture content inside Canvas or third-party iframe elements. Heatmap screenshots also have limitations with dynamic states such as menus that appear only after a hover or click, and scroll maps are built for the page’s <body> rather than an internal scrolling container.

Single-page applications and dynamic components should be tested on their real routes and states. Compare the recording with a manual reproduction and developer tools when something looks incomplete. Do not treat an absent element in playback as proof that the visitor never saw it.

Heatmap and recording limits

Microsoft’s current heatmap documentation says heatmaps are limited to 100,000 page views per heatmap and retained for up to nine months. Playback data for ordinary recordings is retained for 30 days, so an investigation should not depend on sessions remaining available indefinitely.

Filters, page variations and responsive states can change the evidence displayed. Record the URL pattern, segment and date range used for an important finding. This makes the analysis easier to review and repeat after the site changes.

What Clarity Cannot Tell You by Itself

Clarity makes behavior visible, but it does not automatically explain intent or establish cause. Use it as one evidence source alongside analytics, experiments, customer feedback, technical debugging and business context.

  • A recording does not represent every visitor.
  • A heatmap cannot explain why each user clicked or stopped scrolling.
  • More clicks on an element do not automatically mean a better outcome.
  • An AI summary can miss context or overemphasize the available sample.
  • Behavior signals do not prove that Google will rank a page differently.
  • Clarity does not replace consent management, privacy review or secure development.

The SEO boundary

Clarity can help an SEO or content team identify confusing navigation, unread sections, broken interactions and weak alignment between a search landing page and its next step. Improving a confirmed problem can make the page more useful to visitors.

Do not claim that installing Clarity, increasing session duration or reducing a behavior signal directly raises rankings. Search performance has many inputs, and behavioral evidence from a private analytics tool is not a guaranteed ranking lever.

Microsoft Clarity Best-Practice Checklist

Use this checklist when launching a new project or reviewing an existing setup. It keeps the implementation focused on useful evidence, privacy and measurable action.

  1. Define the business questions Clarity should help investigate.
  2. Install the project script once and verify representative templates.
  3. Test consent signals for granted, denied and withdrawn states.
  4. Review masking on pages that may contain sensitive information.
  5. Limit project access and document the sharing process.
  6. Connect GA4 when the integration supports the measurement workflow.
  7. Create filters, segments and funnels around real user tasks.
  8. Review several relevant recordings before drawing a conclusion.
  9. Reproduce technical issues and state one testable hypothesis.
  10. Measure the outcome outside Clarity when a business result matters.
  11. Label important sessions before their ordinary playback retention expires.
  12. Recheck Microsoft documentation when features or policy details affect a decision.

Conclusion

Microsoft Clarity is a capable free platform for session recordings, heatmaps, funnels and behavioral investigation. Its lack of traffic limits and sampling makes it easy to adopt, while its integrations and Copilot features can help teams move from a broad metric to a focused review.

Use heatmaps to locate a pattern, recordings to investigate the sequence, and analytics or business records to evaluate the outcome. A useful finding ends in a specific page fix, campaign review or controlled test.

The quality of the result still depends on the implementation. Configure consent and masking, understand retention and capture limits, pair Clarity with GA4 or another measurement platform and treat each observation as a hypothesis to verify. Used this way, Clarity can help SEOVisitor readers find real usability problems without promising guaranteed conversion or ranking gains.

Frequently Asked Questions

Quick answers to common questions about Microsoft Clarity

Yes. Microsoft describes Clarity as free forever, with no traffic limits and no sampling. Feature details can change, so confirm critical requirements in the current Microsoft documentation.

Playback data for ordinary recordings is retained for 30 days. Labeled or favorited sessions, click data and heatmap data are retained for nine months under Microsoft’s current retention policy.

Requirements depend on the visitor and applicable law. Since October 31, 2025, Microsoft requires a valid consent signal for full Clarity functionality for visits from the EEA, UK and Switzerland.

No. GA4 is better suited to quantitative acquisition, event and conversion measurement, while Clarity adds visual behavioral evidence through recordings, heatmaps and funnels.

Microsoft states that input-box and dropdown content is masked in every masking mode and cannot be unmasked. Site owners should still review masking rules and avoid collecting unnecessary sensitive data.

Open Heatmaps, select the page and date range, then choose the device and audience filters. Check scroll reach, inspect clicks and attention, and review relevant recordings before deciding what to change.

Clarity provides behavioral evidence and a filter for sessions detected as bots. A short session, no scrolling or repeated clicks alone does not prove automation or poor audience quality. Check tracking, page defects, campaign context and validated outcomes.

No. Search-result CTR concerns impressions and clicks before arrival; Clarity observes activity after arrival. Use Search Console for query and snippet analysis, then investigate comparable landing-page visits in Clarity.

Bernard
Written by

Bernard

Sharing practical insights to help websites attract better traffic and grow with confidence.

Join the conversation

Comments

Leave a Comment