Microsoft Clarity vs Hotjar: Which Heatmap Tool Should Your Business Use?

Microsoft Clarity vs Hotjar: Quick Comparison Table

Pricing and Free Tier Matrix

Pricing is the most important variable in this comparison because the gap is enormous. Microsoft Clarity is free with no caps. Hotjar's free tier is genuinely useful for tiny sites but becomes a sample-size problem fast.

Microsoft Clarity Pricing (2026)

There is one tier. It is free. Per the Microsoft Clarity website, the product includes:

• Unlimited session recordings (30-day retention)
• Unlimited heatmaps (click, scroll, area)
• Unlimited projects per account
• Copilot AI session summaries and insights
• Native GA4 integration
• Rage clicks, dead clicks, quick backs, JavaScript errors
• Custom tags, segments, and filters
• Team collaboration with role-based access

Microsoft does not charge because Clarity feeds Microsoft's broader behavior dataset that informs Bing, Microsoft Advertising, and Edge product decisions. The data is anonymized and aggregated. Microsoft is transparent about this in its Clarity documentation.

Hotjar Pricing (2026)

Per the Hotjar pricing page, the Observe (heatmaps + recordings) plans are:

• Basic — Free: 35 daily sessions, 12-month data retention, unlimited heatmaps
• Plus — $32/mo: 100 daily sessions, custom filters, identify users
• Business — $80/mo: 500 daily sessions, integrations, frustration score, advanced filters
• Scale — $171/mo: 500+ daily sessions, longer retention, API access, priority support

Surveys (Ask) and Feedback widgets (Engage) are priced separately as add-ons. A team running Observe + Ask + Engage at the Business tier typically lands at $200-$300 per month per site.

Annual Cost by Traffic Level

The Hotjar bill scales with traffic; Clarity does not. Here is what a year of each tool costs at four common traffic levels — assuming Hotjar customers stay on the smallest plan that captures their full session volume.

Heatmaps Compared: Click, Scroll, Move

Both tools render the three core heatmap types — click, scroll, and area/move maps — accurately and at real production traffic. The differences show up in segmentation, presentation, and friction overlays.

Microsoft Clarity Heatmaps

Clarity heatmaps default to all sessions but support filtering by device, browser, country, custom tag, traffic source, and behavioral signals (rage clicks, dead clicks, JavaScript errors). The interface is functional, not flashy. You can switch between click, scroll, and area views with one click.

The killer feature: every heatmap is paired with the underlying session recordings. Click a high-rage-click element and Clarity surfaces the recordings where it happened. This tight loop between aggregate (heatmap) and individual (recording) is faster than Hotjar's equivalent workflow.

Hotjar Heatmaps

Hotjar heatmaps include a fourth type — move maps — that show mouse cursor movement, useful as a desktop attention proxy. The segmentation panel feels more polished, with saved filter presets, named segments, and team-shared views built in. Hotjar's frustration score (Business+) layers a single 0-100 score over each heatmap that summarizes friction across rage clicks, U-turns, and dead clicks.

Per Hotjar's own product documentation, the Insights AI assistant (paid tiers) auto-summarizes heatmap patterns in plain English, surfacing things like "users on mobile are missing your primary CTA below the fold."

Session Recordings: Sample Size vs Polish

Session recordings are where the price gap matters most. CRO insight quality is a function of sample size. If you only see 35 sessions per day on Hotjar Free, you will miss the long tail of bug reports, edge case friction, and segment-specific behavior. Clarity captures everything, which means you can actually filter to "checkout page sessions where the user encountered a JavaScript error on mobile Safari" and find dozens of recordings instead of zero.

Microsoft Clarity Recordings

• Unlimited capture across all sessions
• 30-day data retention by default
• Smart events: rage clicks, dead clicks, quick backs, JS errors
• Copilot AI summaries — natural language session insights
• Filter by 30+ dimensions including custom tags
• Direct GA4 audience drill-through
• Speed controls (0.5x to 4x), keyboard shortcuts

Hotjar Recordings

• Capped daily session capture (35 to 500+ depending on plan)
• 365-day retention on Scale plan, 12 months on Business
• U-turns, rage clicks, frustration score
• Identify API for tagging logged-in users
• Highlights — annotate and share recording clips with team
• Native Slack, Asana, Jira, Trello integrations
• Recording playlists for team review sessions

AI and Automation Features

Both tools shipped major AI features in 2024-2025. The depth and access tier are very different.

Clarity Copilot (Free)

Microsoft Clarity Copilot is included free in every account. It can summarize an individual session in plain English ("user landed on pricing, scrolled to FAQ, rage-clicked the contact form, abandoned"), aggregate friction patterns across hundreds of sessions, and answer freeform questions about your data ("which page has the highest rage click rate this week?"). Copilot runs on Microsoft's own LLM stack — the same family that powers Bing and Microsoft 365.

Hotjar AI (Business and Scale)

Hotjar's AI feature set is broader but gated behind paid tiers. Survey AI auto-generates survey questions from a campaign goal, AI Insights summarizes survey responses, and the Recordings AI assistant produces session-level summaries similar to Clarity's. The features are well-built but only meaningful if you are already paying $80+/month.

GDPR, CCPA, and Privacy Posture

Both tools can be made compliant with GDPR, CCPA, and similar regulations. Neither is automatically compliant — you have legal work to do regardless of which you pick.

Default Privacy Behaviors

• Clarity: Masks input fields and sensitive content by default. IP addresses are not stored. Provides a Consent API for cookie banner integration.
• Hotjar: Masks input fields and PII by default. Anonymizes IPs. Provides Consent API, suppression rules, and a CSS-based content hiding system.

What You Still Have to Do

1. Disclose the tool by name in your privacy policy
2. Add a cookie banner that gates non-essential cookies before the script fires (or load with consent)
3. Sign a Data Processing Addendum (DPA) — Microsoft's is in the M365 framework, Hotjar's is downloadable from their Trust Center
4. Document the processor in your Record of Processing Activities (ROPA) for EU operations
5. Configure additional masking for any custom UI components that contain PII (custom forms, account dashboards, etc.)

Integrations and Workflow

Hotjar wins integrations. Clarity wins the GA4 integration specifically.

Hotjar Native Integrations

• Slack — recording highlights post to channels
• Jira, Asana, Trello — turn recordings into tickets
• HubSpot — sync identified visitors to CRM
• Segment, mParticle — pipe events into your CDP
• Zapier — 1,000+ downstream integrations
• GA4 — via custom events and Tag Manager template

Clarity Integrations

• Google Analytics 4 — native, bi-directional
• Google Tag Manager — official template
• Shopify, WordPress, Wix, Squarespace, BigCommerce — plug-and-play
• Webhook events for custom downstream automation
• API for programmatic access to data (limited)

For a Sacramento e-commerce store running GA4 + Clarity, you can build a workflow where a GA4 audience of "abandoned checkout users from paid social this week" surfaces directly into Clarity recordings — no manual filtering. That loop is harder to replicate in Hotjar.

Installation: How Hard Is It to Get Set Up?

Both tools install in under 10 minutes for a standard site. The pattern is identical: create a project, copy a JavaScript snippet, paste it into your site head (or push it via Tag Manager).

1. Sign up for an account (Clarity uses your Microsoft account; Hotjar uses email)
2. Create a new project and enter your site URL
3. Copy the tracking snippet
4. Paste into your site head, or push via GTM container
5. Verify installation (both tools auto-detect on first event)
6. Configure consent gating, masking rules, and exclusion lists
7. Connect GA4 and any other downstream tools

For Next.js apps, both scripts work cleanly when injected via the next/script component with strategy="afterInteractive". WordPress sites can use the official plugin from each vendor. Shopify themes can drop the snippet into theme.liquid head.

Which Heatmap Tool to Pick by Business Type

The right pick depends less on platform features and more on what kind of CRO program you actually run.

Feature Parity at a Glance

A side-by-side scoring of the seven features that drive most heatmap-tool decisions. Scores reflect how each tool delivers the feature in 2026, not arbitrary star ratings.

Real-World Scenario: Two Sacramento Clients

A Sacramento dental practice came to us spending $80/month on Hotjar Business and capturing only 12-18 dental-specific sessions per day after filtering by appointment-page traffic. Sample sizes were too small to detect anything meaningful. We migrated them to Microsoft Clarity in an afternoon, kept the GA4 connection, and within two weeks had 220+ filtered appointment-page sessions to analyze. They found a mobile booking form bug that was killing roughly 8% of conversions. Annual savings: $960 plus the recovered conversions.

A mid-market e-commerce client running a structured monthly CRO program with quarterly customer surveys, on-page polls, and a dedicated optimizer kept Hotjar Scale. Their workflow depended on Surveys + Engage + Observe living in one tool, the Slack and Jira integrations were load-bearing, and the team's muscle memory was worth more than the $171/month line item. We added Clarity as a free secondary capture for engineering's bug-hunting workflow. Both tools, different jobs.

The lesson: the right tool depends on the maturity of your CRO program. If you do not have a CRO program yet, start with Clarity for free and build the muscle. If you have a structured program, the cost of Hotjar is rounding error compared to the operator productivity it preserves.

The Verdict: Microsoft Clarity vs Hotjar in 2026

There is no universal winner, but Microsoft Clarity is the right default for most small businesses in 2026.

Pick Microsoft Clarity if you want unlimited heatmaps and recordings for free, you live in GA4, you want native AI insights without paying for them, and your CRO needs are heatmaps + recordings (not surveys). It is the best free heatmap software available and one of the strongest Hotjar alternatives the market has produced.

Pick Hotjar if you need built-in surveys and feedback widgets in the same platform as your session recording tools, you have a structured CRO program with team workflows tied to Hotjar's integrations, you operate in EU with strict data residency requirements, or you simply prefer Hotjar's more polished UX and have the $80-$171/month budget to support it.

If you are starting a CRO program from scratch, install Clarity today. If you outgrow it in 12 months, you will have the data to know exactly which Hotjar features justify the upgrade. The reverse migration — Hotjar to Clarity — happens far more often than the other direction.

Frequently Asked Questions

For broader CRO context, see our website CRO playbook, the small business CRO guide, and the ecommerce conversion optimization playbook. For tag setup help, the Google Tag Manager setup guide walks through deploying either tool via GTM. For the analytics layer underneath, see the Google Analytics 4 guide and our A/B testing for small business guide.