Views and Heatmaps

Follow

Whether webpages for your website or activities of your Android app, or even any custom views that you can report manually, Countly can collect data and help you understand how your users are using your app, and which are most popular sections that users visit.

Main Page

On the main pages, you can select multiple views and compare them by metrics like:

  • Total Users who accessed this view
  • New Users who accessed this view for the first time
  • Total Visits of specific view
  • Duration, which gives average time spent per visit on this view
  • Landings on this view, for users who started your application with this view or landed on your webpage
  • Exits, which is how many users exited your app or website from this view or webpage
  • Bounces, which shows when a user started and exited from the same view, without viewing other views
  • Average scroll, that shows how much users scrolled down to the page (in %)

Note that you can also remove a view from the same table. If a view is deleted, then data for the view is also deleted, but not blocked. Hence, if SDK/app sends the view again, it would reappear with new data.

Click Heatmaps

Click Heatmaps allow you to see where your users usually click on your website. This is available for web analytics only, and should be enabled from web SDK accordingly. You can view a Heatmap (whether it is Click or Scroll) by going to Analytics > Page Views and clicking on the Heatmap link on the table for the corresponding page.

In Click Heatmaps, you can switch among different resolutions to see visitor behaviors in various devices.

Note that browsers do not allow loading HTTP iframe content on HTTPS websites. For this reason, if you are using HTTPS on your Countly instance, you will only be able to view HTTPS content and no HTTP page content will be visible.

Scroll Heatmaps

Scroll Heatmaps will give you a clear overview of how far users scroll to in your page, giving you actionable data to position important content according to the average fold, or point out whether users are actually missing parts of pages that they shouldn't.

Just like in Click Heatmaps, you can also segment your users by their device, e.g desktop, tablet or mobile.

Views per Session (view frequency)

View plugin also provides an overview of how many views have user visited per his session, which is divided into buckets. Views per Session information can be viewed under Engagement.

Last View segment

This plugin also stores a user's last accessed View or web page, so you can see it in the User Profile and segment users by it. It is also available in Drill segmentation, allowing you to understand which event or even crash happened on which View.

Troubleshooting

You might walk into a situation where the Heatmaps simply don't show up on your application. This section will guide you through proper setup of Heatmaps on your application.

When viewing Heatmaps, the SDK loads the script heatmaps.js onto your application that, in turn, loads some other scripts, styles, and fonts, which displays the Heatmap for the current view. The source for all these scripts is your Countly server. So you might want to allow loading scripts from a source that is different from your applications source (if your application and Countly have different origins).

Here are the scripts that you want to allow your application to load from the Countly server incase you are not allowing them - /views/heatmap.js /views/javascripts/simpleheat.js /views/stylesheets/heatmap.css /stylesheets/ionicons/css/ionicons.min.css /stylesheets/ionicons/fonts/ /fonts/

Was this article helpful?
0 out of 0 found this helpful

Looking for help?