Heatmaps

Overview of the Heatmaps Feature

The Heatmaps feature provides a visual representation of user interactions on your site. It helps you understand where users are clicking, scrolling, and hovering the most, offering insights to optimize your site’s design and usability.

Filters and Options

Type of Map Filter

• Click Maps: Highlights areas where users are most frequently clicking. This data helps you:
  • Understand user intent by identifying the most interacted elements on your page.
  • Discover if users are clicking on non-clickable elements, indicating possible confusion in the UI.
  • Optimize CTA (Call to Action) placement for better engagement.
  
• Scroll Maps: Displays how far users scroll down a page, helping you determine:
  • Which sections of the page are most visible and engaging to users.
  • If users are dropping off before reaching critical content or CTAs.
  • Whether important information is placed too far down the page, requiring a reposition.
  


• Hover Maps: Displays areas where users are hovering their mouse, offering insights into:
  • Which elements attract attention, even if not clicked.
  • Determining potential usability issues by identifying if users hesitate or explore certain areas.
  • Enhancing content visibility by relocating or redesigning areas that draw significant hover activity.
  

Page Selection Filter

Use this filter to choose which page of your site you want to analyze with the heatmap. Simply select a page from the dropdown menu to load the corresponding heatmap and review user behavior on that specific page.

Visualizing User Activity

Heatmap Display: The maps aggregate data from all users to show areas with high, medium, and low activity. Areas with more interactions are typically shown in warmer colors (e.g., red or orange), while less active areas appear in cooler colors (e.g., blue or green).

Customization Options

Intensity Control

Adjust the intensity slider to change how prominently user interactions are displayed on the heatmap. Increasing intensity will make high-activity areas more pronounced, while decreasing it will provide a more balanced view.

Opacity Control

Modify the opacity slider to control the transparency of the heatmap overlay. Adjusting opacity helps you see underlying page elements more clearly while still viewing interaction data.

How to Use the Heatmaps Page

Selecting a Map Type

Use the Type of Map filter at the top of the page to choose between Click Maps, Scroll Maps, or Hover Maps based on your analysis needs.

Choosing a Page to Analyze

Select the page you want to review using the Page Selection filter. This allows you to see user behavior specific to that page.

Adjusting Map Settings

Customize the heatmap view by tweaking the intensity and opacity settings to focus on the details you find most important.

Insights from Heatmaps

Click Maps

Identify which elements are engaging users or if any important links are being overlooked.

Scroll Maps

Discover if critical content is getting enough visibility or if users are dropping off before reaching it.

Hover Maps

Understand which areas of the page capture user attention, even without being clicked.