Building Searches with Inspect Mode

What is Inspect Mode?

Inspect Mode, which can be activated on any session playback, allows you to visually interact with your site to identify page elements and create new searches around those elements. You don’t need to be a web wizard anymore to search on those fiddly bits of code (also known as CSS selectors). Think of it as a WYSIWYG editor for FullStory searches.

How do I use Inspect Mode to build searches? 

While playing a session, click the Inspect button in the top right of the playback screen. You may need to give the robots a moment to analyze the content in your playback.

Then click any part of the page you want to know more about. This can include buttons, text, links, white space, pictures, etc.

For example, let's say you're trying to find sessions where people clicked the Add to Cart button – you would start playing a session, click Inspect, then click on the Add to Cart button within the playback screen. You can also scroll within the screen to see more of the page. And be sure to hover and use your mouse's zoom feature to increase or decrease specificity. 

Image title

Once you've clicked on something that interests you, we'll robo-suggest some related CSS selectors you might want to use in your search. You can click on a suggestion or keep what you've already got. You can also click in the text field to manually refine the CSS path, if that's something you're comfortable with.

Image title

When you're ready, click Create Search. You'll be taken back to the main search screen with a simple search that has been created for that selector. You can now change the scope of that search by adding other user or event criteria. You can also save the search as a segment so you don't lose all your hard work! 

How do I use Inspect Mode to exclude elements from being recorded? 

Account admins can also use Inspect Mode to easily identify text fields and other areas where customers will enter sensitive information, so that those elements will never be recorded by FullStory.

Using the same steps as above, find the element within your page, then click Exclude Element and the CSS selector you chose will automatically be added to your excluded elements list.

Warning: this means you will no longer be capturing that field in any of your recordings. Be sure to read more about that here.

Image title

Pro-Tip

If you find an element you like, but want to scroll through its child elements, hold SHIFT + scroll on your mouse, trackpad, or Nintendo Power Glove(tm). This might be useful if, for example, you want to select not one menu item from your nav bar, but the entire nav bar. Now you’re scrolling through the DOM like a boss!

Was this article helpful?

/

Can’t find what you’re looking for?

The FullStory team awaits your every question.

Contact Us