Introduction¶

The Heatmap add-on that uses a warm-to-cold color scheme to show exactly how users interact with web pages. The warmest color (red) indicates the highest visitor engagement and the coolest color (blue) indicates the lowest visitor engagement.

This article gives instructions on how to set up heatmaps and explains how you can track the way visitors interact with the website, identify problem areas, and make targeted improvements.

Prerequisites¶

The number of pages, sessions, and the percentage of traffic to track need to be set up by the Support Center, and are based on the details of the contract. For further assistance, contact the support team or use the chat and help features inside the application.

Setup¶

Activate Heatmaps:

1. Click Admin Settings (gear icon) on the Domain Overview at the top of the page.

   Note

   The Admin Settings button is only available to site admins.

   

   The Domain Settings page opens.

   

2. Click Action on the same row as a domain.

   

   The Action menu expands.

   

3. Select Script Setup Guide in the drop-down list. The Set up your Domain page opens.

4. Click to toggle Add Heatmaps to ON.

   

5. Copy the script and add it to the website HTML code.

For more information, see the user guide article:

Add the Script.

Assign pages for Heatmaps¶

This section gives instructions on how to add pages for the heat map to track.

1. From the Domain Overview, click Select Domain. The Domain Overview page opens.

   

2. Click on the domain name. The Dashboard for the domain opens.

   

3. Click Heatmaps (the flame icon) on the main toolbar.

   

   The Heatmaps page opens.

4. Click Search for Page (pen and paper icon) on the same row as the domain you wish to see the heatmap for.

   

   The search field opens.

   

5. Begin typing in the search field to search for pages to apply the heat map rule to. The list populates with matches.

6. On the same row as the page listing, click Assign Heatmap Rule.

   

   The heat map is added to the page. The button is gone and a message informs: "Part of Heatmap rules."

View the Heatmap¶

This section gives instructions on how to view the heat map on pages that have heatmaps applied to them:

1. Open the web browser extension and navigate to the page with the heat map.

   For more information, see the user guide article:

   Web Browser Extension.

2. Click Heatmaps (flame icon) on the extension toolbar.

   

Adjust the view settings:

• Display Heatmap: Toggle the switch to turn the heatmap view OFF or ON.

• Device Type: Select the type of device to track:

  • Mobile

  • Tablet

  • Desktop.

• Heatmap Type: Select the type of heatmap to view:

  • Move - This type of heat map shows where visitors move their cursor and where they linger on the page. This allows website owners to see where important content such as CTAs and advertisements should be placed for optimal impact. This type of heat map also gives the ability to identify areas that visitors tend to skim over.

  • Click - This type of heat map shows where visitors tap or click on the pages. This allows website owners to track clicks on links, images, and CTAs, and to identify navigational gaps that do not match visitor expectations.

  • Scroll - This type of heat map shows how far visitors scroll down on the pages, which can help website owners to calculate the ideal length of a webpage, identify if visitors reach the content placed below the fold, and see if the page has a false floor. It also allows website owners to track where visitors spend most of their time and where they lose interest.

• Snapshot time: Click to define the time period snapshot for heat map activity. The selections are:

  • Last week

  • Last month

  • Last quarter

  • Last half year

  • Last year.

Heatmaps Reports¶

This section gives information about the different heatmap reports that are available.

The available reports for Heatmaps are:

• HTML Pages Inventory Report

• Documents Inventory Report

• Links Inventory Report.

1. Click Schedule This Report (calendar icon) on the same row as the report to receive the report as an email attachment. Multiple selection is allowed.

2. Click Open Report (eye icon) to get the newest report.

3. Click Report Administration (gear icon) to add other users to receive the report.

For more information, see the user guide articles:

• Report Center

• Heatmaps Reports.

My Scheduled Reports¶

This section shows the reports that are scheduled to be delivered to the active (logged-in) user after each scan.

1. On the same row as a report, click the gear icon.

   The Schedule Report page opens.

   

2. On the same row as a domain, tick the box to select it. The selected report for that domain is sent after each scan.

For more information, see the user guide article:

Report Center.

Additional Resources¶

For more information about the topics covered in this chapter, see also:

• Heatmaps Reports.