Heatmaps

Mandera automatically collects interaction data to build heatmaps.

Tracked Interactions

Clicks

Every click records:

• Coordinates as percentages of the full document (includes scroll position)
• Element info: tagName, className, id, textContent (truncated), and a simple selector
• Viewport size
• Timestamp

Scroll

Scroll is tracked in a throttled way.

• The interaction stores a percentage scroll depth as y (0–100)
• These are sampled after scrolling pauses briefly

Mouse movement

Mouse movement is heavily throttled (sampled every ~500ms) to reduce volume.

Data Privacy / Skipping Tracking

Skip tracking for page sections

Add data-ma-no-track to any element to skip tracking for that element and all of its children.

<div data-ma-no-track>
  <input type="password" />
</div>

Data Transmission

Heatmap data is sent to the server:

• In batches (scheduled after activity, ~every 5 seconds)
• Immediately when the page becomes hidden
• On page unload

This helps preserve data even for short visits.