- Recordings player: You're here. This is where the magic happens and you get to see how users interact with your site.
- Recordings configuration: This is where you start or configure Recordings capture.
- Recordings playback list: This is where you find and access Recordings.
- Recordings troubleshooting FAQ: Having any trouble with Recordings? Look here!
Exploring the Recordings Player
When you open a Recording, you’ll see the Recordings playback viewer broken down into 5 main parts.
Let's walk through it, and help you find more information about what you can do with each tool.
1. Playback viewer
Your Recording will show in the Playback viewer when opening the Recording. The viewer allows you to see what the User experiences as they interact with your site. Actions like loading a new page, clicks, scrolling, changing a field, changes in screen size, and Mad Mouse movements will be highlighted within the Recording.
Some Recordings might look broken or missing images, but there is no need to worry. Most of the time, your user did not see this issue, but Hotjar is having a hard time locating CSS or images to display the site properly.
2. Playback toolbar
The Playback toolbar gives you control over the Recording you're watching. It is made up of:
- Speed & Time Settings
- Play & Skip Time Buttons
- Shortcuts & Viewing Settings
- Events Timeline
Speed & Time Settings
Clicking on the speed settings box will allow you to speed up your Recording .5, 1, 2, or 4 times the original speed. Clicking the settings box multiple times will let you rotate through all the speed options.
The Skip Pauses toggle allows you to skip any sections of no interaction while viewing your Recording. This means anytime the user stops interacting with your site, you will skip ahead to the next time they start engaging again.
The time data lets you know at what point in time you are viewing your Recording versus the entire length of the video.
Play and Skip Time Buttons
The play arrow starts your Recording while the pause symbol stops the Recording at the exact second it is clicked. You can also skip forward or backward in 10-second intervals with the circular arrows.
Shortcuts and Viewing Settings
The forward and backward arrow allows you to immediately change the Recording you are viewing.
This will choose the next or previous Recording that is shown in your Recording list. Selecting the Autoplay toggle removes the need to manually change to the next Recording. Once the current Recording is finished, the next one in the Recording list will start automatically.
The information ( i ) button opens a small window that lists all of our shortcuts and defines the events shown in the Events Timeline.
The Events Timeline shows each of your visitors' actions represented by a different color. Each color represents:
- Yellow: The visitor loaded a new page on your site.
- Grey: The visitor clicks on the page.
- Orange: The visitor typing in a text field or changed field value.
- Navy: The visitor changes their screen-size.
- White Dash: The visitor is scrolling.
- Teal: The visitor is having a mad mouse interaction.
You can find a breakdown of the color key by either hovering your mouse over the color in the timeline or by clicking on the information button.
When paused on the Events Timeline, a black module appears allowing you to share a recording from the exact moment you are paused on with the arrow icon, write a note with the speech bubble icon or tag the Recording with the tag icon.
The Incoming Feedback and Surveys icon will also show on the Events Timeline if a user filled out a feedback widget during the Recording session.
You can click on the feedback icon to be taken to the user's response.
3. URL bar
The URL bar shows the page on your site that you are currently viewing in the Playback viewer. The URL can be copied or visited by hovering over the URL.
4. Session Info tab
You have access to session information such as device type, browser, country, or more, about the session you are viewing in your Recording. All these values are filterable within your Recording Playlist.
Users on a Business plan or higher have access to the most recent User Attributes captured for this user's session at the point the Recording ended. These attributes appear underneath the default session attributes.
Clicking on the number of actions & notes will open the Action & Notes tab, displaying all actions the user performed within the Recording session in a list format. Manually tagging is also available from this tab by entering the name of a tag in the Tags field. Automatic tagging cannot be done from this page.
You can also use tagging to help identify AB test variations in Recordings.
5. Action & Notes tab
All notes made during a Recording as well as actions can be found in this list. New comments can also be made in this tab, allowing you to jump back to the previous ten seconds of the Recording to add the comment in the correct place.
Clicking the comment box will automatically pause the Recording for you. It is restarted once the comment is submitted by pressing the enter key on your keyboard. Comments can also be edited and deleted from this view when hovering over them in the list.
More on this can be found in How to Add Notes to Recordings.