Heatmap Test Page

This page is designed for heatmap visualization testing. Click on elements to generate click data at known coordinates.

Click Grid (6x4)

A uniform grid of buttons for testing click distribution patterns.

Variable Size Targets

Different sized elements to test how click accuracy varies with target size.

Rage Click Test Zone

Tiny, close-together buttons that are deliberately hard to click. Perfect for testing rage click detection.

Dead Click Detection

Elements that look clickable but do nothing, or are non-interactive. Tests dead click detection.

Fake disabled button

Fake link text

Click here for more info

Non-interactive image

Click me (nothing happens)

Hidden element test (can you find the button?)

Hover Interaction Zone

Hover over these elements to reveal content. Tests hover-triggered interactions.

Product Info

Hover content revealed for Product Info. This interaction was tracked.

Pricing

Hover content revealed for Pricing. This interaction was tracked.

Reviews

Hover content revealed for Reviews. This interaction was tracked.

Shipping

Hover content revealed for Shipping. This interaction was tracked.

Scroll Content Sections

Additional content to test scroll depth tracking on this page.

Click Heatmaps

Click heatmaps show where users click on your pages. Hot spots indicate high-engagement areas, while cold zones may indicate content that users ignore or cannot find. Analyzing click patterns helps optimize page layout and call-to-action placement.

Scroll Maps

Scroll maps visualize how far users scroll down a page. This helps identify the ideal placement for important content and calls-to-action. Content placed below the fold may receive less visibility, so understanding scroll behavior is crucial for conversion optimization.

Movement Tracking

Mouse movement tracking shows the paths users take across a page. This data reveals reading patterns, areas of hesitation, and content that draws attention. Combined with click data, movement tracking provides a complete picture of user engagement.

Rage Click Detection

Rage clicks occur when users repeatedly click on an element out of frustration. This often indicates broken functionality, confusing UI elements, or elements that appear interactive but are not. Detecting rage clicks helps identify and fix usability issues.