Click Heatmaps

Pro Plan

Click heatmaps show you exactly where visitors click on your pages. Visualize engagement patterns and optimize your layout.

What Are Click Heatmaps?

Click heatmaps aggregate all clicks on a page:

Aspect	Description
Data	Every click from every visitor
Display	Color gradient overlay
Hot spots	High click concentration
Cold spots	Low or no clicks

Color Scale

Color	Click Density
Red	Very high
Orange	High
Yellow	Medium
Green	Low
Blue	Very low
None	No clicks

Accessing Heatmaps

From Navigation

1. Go to Analytics → Heatmaps
2. Select page to analyze
3. View click heatmap

From Sessions

While watching a session:

1. Click heatmap icon
2. Overlay appears on current page
3. Toggle on/off

Viewing Heatmaps

Select a Page

Choose page to analyze:

1. Enter URL or select from list
2. Choose device type
3. Set date range
4. View heatmap

Page Selection

Method	Description
URL entry	Type exact URL
Page list	Select from visited pages
Search	Search by title or URL
Top pages	Quick access to popular pages

Device Types

View by device:

• 🖥️ Desktop
• 📱 Mobile
• 📱 Tablet
• All devices

Heatmap Display

Overlay View

The heatmap overlays your live page:

• See actual content beneath
• Hover for click counts
• Zoom for detail

Full Page View

For long pages:

• Scroll to see full heatmap
• Mini-map for navigation
• Export full page image

Element Mode

Scale Plan

Click on specific elements:

• See exact click count
• Percentage of visitors
• Click timeline

Understanding the Data

Click Statistics

Metric	Description
Total Clicks	All clicks on page
Unique Clickers	Visitors who clicked
Click Rate	% of visitors who clicked
Avg Clicks	Clicks per visitor

Element Stats

Click any element to see:

• Click count
• % of total clicks
• % of page visitors
• Trend over time

Dead Clicks

Clicks on non-interactive elements:

• Indicated separately
• May suggest UX issues
• Users expect clickability

Filtering Heatmaps

Time Range

Filter by date:

• Today
• Last 7 days
• Last 30 days
• Custom range

Visitor Segments

Scale Plan

Filter by visitor type:

• New visitors
• Returning visitors
• Mobile users
• Specific countries
• Custom segments

Traffic Source

View clicks by source:

• Organic
• Paid
• Social
• Direct
• Referral

Comparing Heatmaps

A/B Comparison

Scale Plan

Compare two versions:

1. Select page A
2. Select page B (or date range)
3. View side-by-side
4. Spot differences

Time Comparison

Compare periods:

• This week vs last week
• Before/after changes
• Seasonal patterns

Device Comparison

See differences by device:

• Desktop vs mobile
• Different behaviors revealed

Click Types

Regular Clicks

Standard left clicks:

• Shown in main heatmap
• Most common type
• Primary interaction

Rage Clicks

Frustrated rapid clicking:

• Highlighted differently
• Indicates problems
• Review in sessions

Dead Clicks

Clicks on non-clickable elements:

• Often images or text
• Suggests expectation mismatch
• Consider making clickable

Element Reports

Click Breakdown

Pro Plan

Tabular click data:

Element	Clicks	%	Trend
Buy Now button	2,450	15%	↑ 12%
Product image	1,890	11%	↓ 3%
Navigation menu	1,654	10%	→ 0%
...	...	...	...

Export Data

Export click data:

• CSV download
• Include all elements
• Date range included

Use Cases

CTA Optimization

Analyze call-to-action buttons:

• Are they getting clicked?
• Where are users clicking instead?
• Above fold vs below fold

Navigation Analysis

Check navigation usage:

• Which menu items used
• Hamburger menu engagement
• Footer navigation

Form Optimization

Understand form interaction:

• Field click patterns
• Abandoned fields
• Help text clicks

Content Engagement

See content interaction:

• Image clicks
• Video plays
• Accordion/tab usage

Sharing Heatmaps

Share Link

Create shareable view:

1. Configure heatmap
2. Click "Share"
3. Copy link
4. Set expiration

Export Image

Download heatmap:

• PNG format
• Full page capture
• Include legend

Report Integration

Add to reports:

• Embed in dashboards
• Include in PDFs
• Share with stakeholders

Heatmap Accuracy

Data Collection

Heatmaps are built from:

• Actual click events
• Precise coordinates
• Element detection
• Viewport tracking

Limitations

Be aware of:

• Dynamic content changes
• A/B test variations
• Responsive breakpoints
• Session sampling

Minimum Data

For reliable heatmaps:

• At least 100 sessions recommended
• More data = more accuracy
• Low traffic pages may be sparse

Best Practices

Regular Review

Check heatmaps regularly:

• After design changes
• After new campaigns
• Monthly reviews
• Before redesigns

Action Items

Use findings to:

• Move CTAs to hot spots
• Add clicks to dead areas
• Remove confusing elements
• Improve navigation

Combine with Sessions

Link to individual sessions:

• Click cluster to see sessions
• Understand the "why"
• Watch specific behaviors

Next Steps

• View scroll heatmaps
• Explore movement tracking
• Learn best practices