Shadow browsing live sessions

You can follow along in real time as a visitor explores the website. This "shadow browsing" feature enables close support of your customers and the tracking of activities that are otherwise causing problems with the web application.

Finding search results in BBR

If you load the session in Browser-Based Replay from a session list of search results, you can identify the pages where search terms are found through the Navigation panel. Next to the title of pages that contains search hits is displayed a small red flag icon.

Replay highlighting

During replay, you can monitor visitors' clicks and entered data. When replay highlighting is enabled, the elements that the visitor interacted with are highlighted by a green border in Browser Based Replay.

Each type 4 message corresponds to a user action such as a click on a button or text change in a text box.

Highlighting elements makes it easier to monitor and track clicked buttons, selected links, and any form data that is entered by the web site visitor.

Replay highlighting and mobile gestures

Traditional highlighting in BBR is not supported for mobile gestures (type 11 messages).

Unlike type 4 messages, most type 11 messages do not contain UI element information related to user actions such as swiping or pinching, because those actions are not performed on an element, but rather on an area of the mobile device screen.

For several mobile gestures, Tealeaf collects data from the area of the mobile device screen that the visitor interacts with, not on the underlying UI element. Because of the fundamental difference in how mobile device users interact with your web site or application, Tealeaf does not apply the traditional green highlight border to indicate when a gesture occurred. Instead, Tealeaf represents gestures from a mobile device by displaying animated hand icons on the Replay view.

Adding comments

You can annotate specific pages during replay through BBR. Any BBR user can add comments. For example, if you are assisting a customer with a problem, you can mark the page where the problem occurred for resolution by your web development team.

Comments are stored with the session data as annotation text and the author of the annotation, like they are displayed in the Comments dialog.

You can search for comments through the Portal.

To annotate a session page:

1. In BBR, select the page that you want to annotate.
2. In the toolbar, click the Comments icon.
3. Enter the text of the annotation in the textbox and click Add comment.

   You can select from preselected values by using the drop-down indicator next to the text box.

   Note: Tealeaf administrators can configure the list of preselected values.

The annotation text, your Tealeaf user ID, and the Time Stamp when it was added are displayed in the Comments pop-up.

Availability of comments through search

After you add, edit, or delete an annotation, the session is queued for re-indexing. When the session is re-indexed, changes to its comments are now available for search.

If multiple changes are made to a single session, each change is queued. If possible, the indexer re-indexes all changes at the same time.

Depending on the length of the queue at the time annotation changes are saved, it can take a few minutes before the changes are available through search of completed sessions.

You can locate comments in the session through the Navigation panel, where a small yellow icon is displayed next to the Title of any page that has been annotated. In the BBR toolbar, the Annotation button is also highlighted when you select the page in the Navigation panel that contains an annotation.

BBR replay of client events

If you install and deploy the UI Capture JavaScripts into your web application, Browser-Based Replay supports replay of client user interface events.

UI Capture enables the capture of user interface events that occur on your visitor's client browsers that would otherwise not be detected by Tealeaf. These events are submitted to Tealeaf for capture, analysis, and replay.

In BBR, replay of client user interface events is managed by Replay Server, instead of your browser. Replay Server renders the user interface event inside the browser control on the server and then delivers the finished rendering to your browser for display.

For example, suppose UI Capture captures a client user interface event in which the following actions occur:

1. The visitor selects a drop-down menu. Menu is displayed.
2. The visitor makes a selection from the menu.

In BBR, the captured UI event is displayed as a static page in which the user makes the selection from the menu.