Heatmaps

How to set up and use Monsido Heatmaps

Updated over a week ago

The Monsido Heatmap feature is an 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.

See how visitors interact with the website, identify problem areas, and make targeted improvements to ensure a better visitor experience.


Article Navigation


Prerequisites

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


Setup

Activate the Heatmaps function:

  1. From the Monsido Domain Overview (globe icon), click Admin Settings (gear icon) at the top of the page.

    Note: The Admin Settings button is only available to site admins.

    Image that shows the location of the Settings button, on the top menu bar.

    The Domain Settings page opens.

    Image showing the Domain Settings page.

  2. On the same row as a domain, click Action.

    Image showing the location of the Action button.

    The Action menu expands.

    Image showing the expanded Action menu.

  3. In the drop-down list, select Script Setup Guide. The Set up your Domain page opens.

  4. Click to toggle Add Heatmaps to ON.

    Image showing the location of the Add Heatmaps button.

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

    For more information, see the User Guide chapter:


Assign pages for Heatmaps

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

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

    Image showing the location of the Select Domain button.

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

    Image showing the full dashboard view.

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

    Image of the Heatmaps icon on the 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 heat map for.

    Image showing the location of the Search For Page button on the Heatmaps overview page.

    The search field opens.

    An image of the search field that opens on the Heatmaps page.

  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.

    Image showing the location of the Assign Heatmap Rule button.

    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 Monsido browser extension on the page with the heat map.

    For more information, see the User Guide chapter:

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

Image showing the location of the Heatmaps icon on the Monsido Extension toolbar.

The Heatmaps view opens.

Note: The heatmap may not show much activity when it is first activated, the results begin to appear as external users browse the site.

Image showing the settings options for Heatmaps on the Monsido Extension.

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 Heatmaps 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:


My Scheduled Reports

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

Image showing the location of the My Scheduled Reports section.
  1. On the same row as a report, click the gear icon.

    The Schedule Report pane slides open.

    Image showing the Schedule Report pane.

  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.

See the User Guide chapter for more information.


Additional Resources

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

For definitions and explanations of acronyms and abbreviations used in the Monsido User Guide, see:

For further assistance, contact the Monsido support team at support@monsido.com or use the Monsido chat and help features inside the application.

Image of the toolbar with the Help Center buttons highlighted.

Did this answer your question?