Heatmaps

How to set up and use Monsido Heatmaps

Updated over a week ago

Section Topics


Introduction

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 actually interact with the website, identify problem areas, and make targeted improvements to ensure a better visitor experience.


Prerequisites

The number of pages, sessions, and the percentage of traffic to track need to be set up by 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 via 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 quickly 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 snapshot time period for heat map activity. The selections are:

    • Last week

    • Last month

    • Last quarter

    • Last half year

    • Last year.


Heatmap reports

  1. To schedule and administer reports, click Report Center (paper icon) on the top menu bar of Monsido:

    A screenshot of the top menu bar in Monsido with the Report Center icon selected.

    The Report Center dashboard opens.

    Image showing the location of the menu bar.

  2. Filter: Click the Filter icon and select Module from the expanded menu.

    Image that shows the expanded menu that appears when the filter button is clicked, with the Module option highlighted.

  3. The Module option opens a new menu.

  4. Select Heatmaps.

    Image that shows the location of the Heatmaps option in the Module filter menu.

    The Report Center opens, with Heatmaps reports list in view.

  5. The list shows the following information:

    • Title: The title of the report.

    • Module: The module that the report shows results for.

    • Users receiving reports: The users that are assigned to receive reports.

    • Send me weekly reports: On the same row as the report, click to receive a weekly report (current/logged-in user).

    • Open Report (eyeball icon): Click to view the entire report. The Report pane slides open.

      • Select a Domain or Group: Select the domain or group to view.

      • Click Save.

    • A dialog box informs: Generating report. Your report is currently being generated. You will receive an email when the report is ready. You can see the current progress under the "Received reports" box to the right.

    • Open received reports: Click to see a list of received reports.

    • OK: Click to close the dialog box.

  6. Report Administration (gear icon): Click to set up automatic reports schedule. The Schedule Report pane slides open.

    • Select a domain and recipients: Click the link to view the list of users that receive the report for the domain.

    • On the same row as a domain, click the gear icon.

      • The Select Users pane slides open.

      • Tick to select users to receive the report.

      • Click Save to save the selection and close the pane.

      • Click Save on the Schedule Reports pane to save all changes.

    For more information, see the User Guide chapter:


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 information

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

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

The toolbar with the Help Center buttons highlighted.

Contact us:

Monsido, Powered by CivicPlus

San Diego, CA, USA

5880 Oberlin Dr,
San Diego, CA 92121, USA

Australia & New Zealand

Suite 2.04
80 Cooper St
Surry Hills, NSW 2010

Copenhagen, Denmark

Borupvang 3
2750 Ballerup, Denmark

London, UK

14 New Street
London, EC2M 4HE

Did this answer your question?