Skip to content

Website heatmaps and session recordings

A website heatmap and session recording tool shows what visitors do on your pages: recordings replay single visits, and heatmaps add up clicks and scroll depth across many. AI Rank Lab records with the same tag as its AI bot tracking and forms, so this behaviour data sits next to your SEO and AI search data. Recording is opt-in per domain.

Recording is off until you turn it on, and costs 1 credit per recorded session.

fieldnote.app4,571 credits

Session Recordings

CRM & Marketing Suite · Session Telemetry

Illustrative data
  • All sessions
  • Organic traffic
  • Paid traffic
  • Mobile users
  • New users
Sample session recordings with location, device, duration, pages, source and relevance
VisitorDurationPagesRelevance
United States · OrganicDesktop · macOS · Chrome6m 12s4High
India · PaidMobile · Android · Chrome1m 48s2Moderate
Germany · DirectDesktop · Windows · Edge0m 34s1Low
Australia · OrganicTablet · iPadOS · Safari3m 05s3High
credit per recorded session
1
scroll-depth bands: 25, 50, 75, 100%
4
fastest playback speed
8x
days a replay stays watchable by default
30

What the heatmap and session recording tool shows

Session Telemetry in the CRM & Marketing Suite: Session Recordings for single visits, Heatmaps for the page as a whole.

Watch the visit, not a summary

Recordings capture the page itself (its structure and every event, using the open-source rrweb library), not a video, so replays stay sharp at any size. Play at up to 8x, skip idle stretches, jump from action to action, and follow a visitor across tabs as one journey.

  • Actions panel: clicks, text input and events
  • Next and previous recording from your filtered list
  • Share link that opens without signing in
  • Multi-tab visits joined on one timeline
Recording · United States · 6m 12sIllustrative
  • 1x
  • 2x
  • 4x
  • 8x
  • Skip inactivity
  • Share
  • Journey/blog → /features → /pricing → /auth/register
  • Clicks · text input · events38 · 4 · 1,214

Find the sessions worth watching

The list opens on today's unwatched sessions. Narrow it by date range, watched status, device, country and page path, or by relevance, which ranks sessions by actions, pages, time on site and form submissions. Presets cover organic, paid and direct traffic, mobile, new and returning visitors.

  • Each row: country, device, OS, browser, duration, pages, source
  • Filters are remembered and carry into the player
  • Unwatched sessions are marked
FiltersSaved in your browser
  • Date rangeLast 24 hours
  • WatchedNot watched yet
  • DeviceMobile
  • CountryIndia
  • Page path/pricing
  • RelevanceHigh

Next recording in the player follows this same filtered list, so you work through a queue.

Click maps on a snapshot of the page

Pick a tracked page or type a path. Clicks are drawn over a stored snapshot of that page, never the live site, and the side panel ranks the buttons, links and inputs people use most, with counts and share of clicks.

  • Tracked pages list, plus any custom path
  • Hover a hotspot to see what was clicked
  • Total clicks and visitors per page
Heatmaps · /pricing · ClicksIllustrative
  • Start free (button)212 clicks · 31%
  • Compare plans (link)96 clicks · 14%
  • Email (input)41 clicks · 6%

Scroll maps show where reading stops

Switch to scroll mode to see the share of visitors who reached 25, 50, 75 and 100 percent of the page. Put the call to action where people still are, then check the next batch of sessions.

  • Depth bands drawn over the page
  • Same page snapshot as the click map
  • Heatmaps add no per-session charge
Core Web Vitals
Heatmaps · /blog/ai-overviews · ScrollIllustrative
  • 25% of page92%
  • 50% of page64%
  • 75% of page37%
  • 100% of page18%

Share of visitors who reached each depth. The call to action at 70% is seen by fewer than four in ten readers.

How to record sessions and build heatmaps

Install the tag once, then turn each feature on per domain.

Install

Add the tracking tag from Tracking Setup. It is the same tag as AI bot tracking and forms.

AI bot tracking
Tracking SetupIllustrative

<script src="https://www.airanklab.com/tracking-unified.js?track_id=…&domain=fieldnote.app" async defer></script>

Enable

Turn on heatmaps and session recording for the domain. Recording is off by default and costs 1 credit per recorded session.

fieldnote.app · Feature togglesIllustrative
  • Session trackingAlways on for tracked domains
  • Record heatmapsClick and scroll data
  • Record sessionsOff by default · 1 credit per session

Mask

Password, email, phone and card inputs are masked by default. Mark other text with data-crm-mask, or hide whole blocks with data-crm-block.

PrivacyIllustrative
What is masked in recordings
Password, email, phone, card inputsMasked
Text you markdata-crm-mask
Blocks you hidedata-crm-block

Review

Start from today's unwatched sessions, sort by relevance, and step through them in the full-screen player.

Session RecordingsIllustrative
Sample review queue
United States · OrganicHigh
India · PaidModerate
Germany · DirectLow

Fix

Use the click and scroll maps to move what people miss, then watch the sessions that follow.

AI content writer
Heatmaps · /pricingIllustrative
Sample scroll depth
Reached 50% of page64%
Reached 75% of page37%
Top clickStart free (button)

At a glance

What recordings and heatmaps do today, and where they stop.

Where it lives

CRM & Marketing Suite, Session Telemetry: Session Recordings and Heatmaps. Each recording opens in a full-screen player.

How it records

rrweb DOM recording, loaded by the tag only when recording is on. Finished sessions are bundled and stored.

Cost

See plans

1 credit per recorded session, charged once. Heatmaps add no per-session charge. The tag itself counts page views at 1 credit per 100 requests (the AI bot tracking rate), and pauses recording, heatmaps and forms if your balance reaches zero.

Retention

Replays stay watchable for 30 days by default. Visit analytics stay after that.

Privacy

Password, email, phone and card inputs masked. data-crm-mask and data-crm-block hide anything else you choose.

Recording filters

Date range, watched status, device, country, page path, relevance and traffic-source presets.

Heatmaps

Click and scroll maps per page path. They cover all devices and dates; there is no device or date filter on heatmaps yet.

Not built

Move or attention maps, AI session summaries, funnels, surveys and a mobile-app SDK.

Recordings and heatmaps questions

Something else? Ask the team

What does a website heatmap and session recording tool do?

Session recordings replay individual visits: where the cursor went, what was clicked and typed, and which pages followed. Heatmaps add up many visits on one page: click maps show where people click, scroll maps show how far down they get. Together they explain what analytics numbers alone cannot.

How do I start recording sessions?

Add the AI Rank Lab tracking tag to your site (the same one used for AI bot tracking), then open Tracking Setup and turn on Record sessions and Record heatmaps for the domain. New visits appear in Session Recordings as they happen.

How much do session recordings cost?

1 credit per recorded session, charged once on the session's first data. Recording is off until you turn it on. Heatmaps add no per-session charge. The tracking tag also counts page views at 1 credit per 100 requests, and everything pauses if your balance reaches zero. Credits come from your plan's shared pool; plans start at $69 a month.

Is it a video of the visitor's screen?

No. The tag records the page's structure and every change and event with rrweb, and the player rebuilds the page from that. Replays stay sharp at any screen size.

What data is masked in recordings?

Password, email, telephone and credit-card inputs are masked by default. Add data-crm-mask to mask any other text, or data-crm-block to leave an element out of the recording.

How long are recordings kept?

Replays stay watchable for 30 days by default. After that the replay is removed, while the visit's analytics (country, device, pages, duration) remain.

Can I filter recordings by country, device or traffic source?

Yes. Filter by date range (24 hours, 7 days, 30 days or all), watched status, device type, country, page path and relevance, or use the presets for organic, paid and direct traffic, mobile users and new or returning visitors.

Will the recording script slow down my site?

The tag loads asynchronously, so it does not block your page from rendering. The rrweb recorder is a separate file that the tag loads only on domains where session recording is switched on; with recording off, it is never downloaded.

Do heatmaps show mobile and desktop separately?

Not yet. A heatmap covers every recorded visit to that page path, across devices and dates. Use the recording filters to look at mobile visits one by one.

How is this different from Hotjar or Microsoft Clarity?

Both are dedicated tools that go further on behaviour analytics: Clarity is free and adds AI summaries and rage- and dead-click insights, and Hotjar adds surveys, feedback widgets and funnels. Choose AI Rank Lab when you want recordings and heatmaps in the same account as your AI search tracking, SEO audits, forms and email.

See what your visitors see

Start with a free SEO, AEO and GEO audit of your site, then install one tag to record visits and map clicks and scrolls.