Visitor Recordings Feature

Actually seeing what your visitors do on your page

Visitor Recordings enables you to actually see what your users are doing on your website. You can view an actual video of what a visitor did on your  website during his session – where he clicked, how he watched the content, what his actions were. In order to give you a better overview of this feature, we divided the article into the following sections:

 

  1. Overview & Main Table of Session Recordings
    1. General Structure view
    2. Available Filters
  2. Actions & Mass-actions for Session Recordings
  3. Feature Specific Settings
    1. Pages to be Recorded
    2. Conditions to be Recorded
  4. Detail view of a Session Recording
    1. Info of a Session Recording
    2. Visitor Actions shown
    3. Notes for a Session Recording

Set the time

Right above the table, you  can see a bar which enables you to choose a certain time range or even a day for which the data below should correspond to. It is important to manage  the displayment of data to certain dates or periods in which you ran potential campaigns or took other measures, in order to measure how successful these actions were for future planning. 

Some general hints 

  • Many of   the  present  elements contain options to hover information or further actions. Just let your cursor run over various elements and discover how much data is actually packed into a tile.
  • Almost all views and some single elements have a little "i" icon in the upper right corner, giving you yet more information about the view/element. Just move your cursor there and you will see more information.

Overview & Main Table

General Structure of View

This main view represents the core of the platform. In comparison to other features of the application, this view contains a lot of information and might  seem complicated at the first glance, but it is nothing of the sort. What it provides is a very powerful overview of all the tools and information you need in order to navigate through your visitor session recordings.

Important hints: 

  • In order for the functionalities to appear  you need to install the tracking code correctly  to be able to record your visitor sessions.
  • You can always pause/continue the recording of new visitor sessions by clicking on the large radio button in the upper right corner of the view.

The screenshot on the right gives you a solid overview of the main elements hidden in this view. 

Each row of the table presents a session recording of one of your visitors with all its infos and actions. The main table is structured with the following columns:

  1. Recording ID & DateIn this column you see the Recording ID and the Dateand Time of the any given recording.
  2. Recording duration: this column is represented by the "clock" icon. Here you can see the duration of the recording.
  3. Pages: Here you are shown the amount of pages of your website that the visitor visited during the session recording. If you click on the green stack icon right next to the number,  it will display in  more detail (exact URL, date/time/duration) about each page visited.
  4. Visitor Details: In this column you can see if the recording has been done by a New or Returning visitor. Additionaly, you can check the Visitor's aproximate location.
  5. ReferrerShows you the URL from which the visitor has accessed your website.
  6. Recording Details: Here you can observe the following: type of device, operating system and browser was used to acccess your website. Move your cursor across the icons in order to see more information.
  7. Actions: this column consists of two symbols:
    1. View session recording icon:  If you click on the icon, you will be forwarded to the actual video of the visitor recording.
    2. Three vertical dots icon: clicking on this icon will reveal 5 actions available for this recording : Star Recording, Add a note, Mark as unseen, Copy recording link, Delete Recording. 

General filters

This category mostly contains filters that refer to attributes of the visitor or the visitor recording session itself. The following general filters are available for you:

  • Countries: Look for session recordings done by visitors from a certain country
  • Operating System (OS): Filter visitor recordings who used a certain operating system
  • Browsers: Search for visitor session recordings that used a certain browser for browsing your website
  • Devices: Filter visitor recordings who used a certain device
  • Visitor Type: Filter for "New"or "Returning" visitor session recordings
  • Watched: Search for all visitor session recordings you already watched
  • Stared: Look for all visitor session recordings you already stared
  • Contains page: Search for visitor session recordings that do contain certain URL elements (i.e. "/en").
  • Does not contain page: filter session recordings for URLs that do not contain certain URL elements (i.e. "/prodcut-x").
  • Entry page: the page that visitors first entered/saw when visiting your website. See how they reacted on being confronted first with your content.
  • Exit page: search for pages on which your visitors exited your website while browsing it. 
  • Duration: Look for visitor session recordings that have a certain range of duration.
  • Page count: Look for visitor session recordings that have a certain range of pages visited during the session.
  • Funnel Filter: search for recordings where your visitors dropped out at a certain level of a funnel.

Interval Filters

This filter category offers the option to view your recordings in a certain period of time. The filters range from the current day right up to the instalation date of the aplication.

This filter comes in very handy when trying to see the traffic registered on your website within a specific period of time.

Tag filters

In this filter category you have the possibility to filter by tags that you created and linked with certain visitor session recordings. Just click on the link/button "+ tag filter" and type in the name of a tag that you linked with a session recording. You can add multiple tags at once to the filter. It will then show you all visitor session recordings that have exactly these tags linked to them.

In the above screenshot you see the important fields for this section marked.

  •  By checking the marked box  the menu opens up with the actions specifically available for each visitor session recording:
    • All: see all session recordings.
    • Seen: view only the previously seen recordings.
    • Unseen: view only unseen recordings.
    • Starred: see only the starred recordings.
    • Unstarred:  view the unstarred recordings.
  • Once you select one of the above filters a second button will appear. The " Select an Action" button will alow you to star/ unstar recordings, mark as seen or unseen or delete recordings.

 

Feature Specific Settings

These settings are only specific to the module "Visitor Recordings" and do not have anything to do with your website settings or account settings.

You basically have two major topics for which you can individualize this module:

  1. Page recording options
  2. Conditions for recording

Important note: If you update your settings for the visitor recordings module in any way, you always have to click on the button "update" at the very bottom of the view.

Pages to be recorded

This section is basically about you having the possibility to define on which pages of your website visitor sessions should be automatically recorded by the application. You basically have two options:

  1. You want visitors to be recorded that visit any page of your website: no further options will appear if you select this option. Basically any visitor visiting your website will be recorded (also based on the preferences you set for the conditions to record a single visitor).
  2. You only want to generate visitor session recordings if a visitor visits a defined page within your website: having selected this option, only visitors to your defined pages within your website will be recorded. Two further options are available to you:
    1. "Select Page(s) from you pages list": If you want to record visitor sessions only for an by you already created dynamic page, please click on the link/button "+ dynamic page". A list of your already created dynamic pages for this website will appear. You can simply select from it. Continue to click "+dynamic page" until you have added all dynamic pages of yours for recording as you want to. 
    2. "Define a new URL pattern": Should you want visitor sessions only to be recorded for a certain URL pattern (i.e. URL matches exactly homepage.com/productXY), you can do so with this option. Just select the option "Simple match" from the corresponding dropdown and enter the URL pattern for which visitors you would like to be recorded.

Important note: Just click on one of the tiles in order to follow the according rules. You can only activate either one or another option for a website.

Conditions to be recorded

After you have set your preferences regarding the on which pages of your website visitor sessions should be recorded, you can also define the conditions per visitor to be recorded. You basically have two options here, which can be activated at the same time:

  1. Only record sessions with click and scroll activity: Now only visitors will be recorded that have either clicked or scrolled on your website. This helps to reduce the amount of spam in your main table of recordings and supports the focus on your active visitors so that you can take actual learnings from their recordings. Activate this option by clicking on the corresponding tile.
  2. Only record sessions with a minimum duration: If you only want to record visitors whose session lasted for a minimum of x seconds, you can define this here. Just activate this option by clicking on the tile and file in the amount of seconds you would like to set as a minimum duration before the recording sets in. Please note that the first seconds of this session will hence not be recorded. 

Important note: If you update your settings for the visitor recordings module in any way, you always have to click on the button "update" at the very bottom of the view.

Detail view of session recording

General Structure of View

After having analyzed the possibilities contained within the main table of your visitor session recordings, we will now move on to explaining the actual view of a session recording itself.

As already explained above, you find a camera-icon in the very right column „actions“ of the main table for each session recording. Clicking on this icon will forward you to the detail view of this session recording, in which you will actually see the video.

The main view and structure of each session recording is always the same and has the following components (as numbered in the screenshot on the right):

  1. Area 1: This area shows you the actual „footage“ of the anonymous visitor session recording. You see which pages the visitor visited during his session, how his cursor moved, which fields/buttons he clicked, where he left your page, etc.
  2. Area 2: This bar provides you with basic actions you already know from other video players (explained from left to right):
    1. "Play button": clicking this button will start/pause the visitor session recording
    2. "1x/2x/4x/8x": If you want to play the video at multiple speed, you can make the selection here. The selection „2x“ will play the video twice as fast as it would normally do.
    3. „Skip inactive“: Having activated this radio button, will make the video automatically skip the parts of the session recording, in which the visitor did not show any scroll or mouse activity, in order to focus on the stuff that matters.
    4. „Show mouse flow“: Activate this radio button, if you want the cursor to draw a tail within the video.
    5. „Autoplay“: If this radio button is activated, the video will start playing as soon as you open the detail view.
    6. „I-icon“: clicking the icon will show you some information about the bar.
    7. „4 arrow icon“: Clicking this icon will make the video play fullscreen.
    8. „Set a marking“: If you want to set a marking for yourself or your colleagues (i.e. if you want to share the visitor session recording) within the video, in order to emphasize important actions/happenings visually, you can click on this link. A marking will appear right at the current time spot the video is at. Clicking on the marking once placed, will directly forward you to the corresponding time marker. You can delete the marker at any point in time and add as many markings to a session recording as you wish.
    9. „Add a note within the video“: If you want to add a note to a certain time marker within the video, you can do so clicking on this link. A text box will appear in which you can add your note. It will be automatically linked to the time the video is at, when you clicked on the button. By clicking on the rider „Notes“ in the upper right corner of area 3, you will have a list view of all comments added to the visitor session recording.
  3. Area 3: This part of the detail view basically consists of three clickable riders, that each reveal more information:
    1. Info
    2. Visitor actions
    3. Notes

This rider provides you again with basic information about the visitor – of course, all anonymous. You are shown the following information (from top to bottom):

  • "Country/OS/Browser/Device": The flag indicates in which country the was when he visited your website. Clicking on the little location icon right next to the flag, will show you even more information about the location of the visitor. The icons on the right side of the row, refer to the operating system, browser and device type the visitor used when visiting your website. For more information move your cursor over the icons. The hover will reveal more information. If you want to see the visitor’s session history, please click on the prominent button „Session history“.
  • "Resolution": here you see the screen/display resolution of the device the visitor used when visiting your website.
  • "User ID being recorded": this is an automatically generated user ID by the application. It helps you to have unique IDs for each user and to more easily find certain visitor session recordings again at a later point in time.
  • "ID of recording": this is an automatically generated ID of the visitor's session recording by the application. It helps you to have unique IDs for each session recording and to more easily identify them at a later point in time.
  • "Recorded on": This line will provide you with the information on which day, date and time the visitor’s session was recorded.
  • "Referrer": this is the third party URL, which forwarded the visitor recorded to your website.

Activating this rider will present you a list with all automatically tracked actions by the visitor during the session recording. On the very right of each action you see a time stamp when this action appeared within the session recording shown. Clicking on a tile fill forward you to the according time marker within the visitor session recording. 

The application differentiates between the following actions/colour-codes:

  • "Visited new URL / Blue colour“: the visitor has navigated to a new URL
  • "Input field change / yellow colour“: the visitor has changed the text in an input field
  • "Scrolling / Dark green colour": the visitor has scrolled the page or the container element
  • "Viewport size / Light blue colour": the visitor has resized his browser window
  • "Click / Red colour": the visitor clicked on an element or location within your website
  • "Double click / Dark red colour": the visitor double clicked on an element or location
  • "Focus / Orange colour": the visitor has focused an input field
  • "Touch start /Light purple colour": the visitor started toucheing the screen at a location
  • "Touch end /Purple colour": the visitor stopped touching the screen

Important note: You might have noticed, that the different coloring of actions is also displayed in the time bar of the video itself. It helps you to easily identify certain actions within the session recording. Clicking on the colored spots will forward the video right to the corresponding time marker. 

If you want to see a list view of all the notes that were added to the visitor’s session recording, click on the rider „Notes“ in the very right upper corner of area 3. 

Each comment will consist of the following information:

  • username of the person adding the account
  • time within the recording to which the comment refers
  • comment itself
  • day, date and time at which the comment was added 
  • Edit icon (you can only edit your own comments)
  • Delete icon (you can only delete your own comments)

Use this feature to mark important parts of the visitor session recording for yourself or your colleagues.