Named Elements

Named Elements let you assign your own names to complex elements like CSS selectors. This helps make your FullStory data more meaningful and easy to understand. After you name an element, you can search for it by name when analyzing your data. 

This feature must be configured by an Admin or Architect user. 

Getting Started with Named Elements

There are two ways to set up Named Elements: from Inspect Mode and from Settings. 

Creating a Named Element from Inspect Mode

Named_Element_-_Page_Insights.gif

  1. While watching a session, go to Page Insights > Inspect Mode. 
  2. Click on the element you'd like to name, then click "Name element."
  3. Name your element and add a description. 
  4. Click "or" to assign the same name to multiple selectors. 

Creating a Named Element from Settings

Screen Shot 2021-09-04 at 12.47.04 PM.png

  1. Go to Settings > Data Management > Elements.
  2. Click "Create Element." 
  3. Name your element and add a description. 
  4. Add the selector you'd like to name.
  5. Click "or" to assign the same name to multiple selectors.
  6. Click "Save."

Using Named Elements

After you create a Named Element, you can search for it by name when building segments, funnels, metrics, and dashboards. Use an Element filter to see a list of all elements in your account. 

Searching for a named element.png

FAQ

Are Named Elements retroactive?
Yes! After you create a Named Element, you can use it to search through all past and future FullStory data. 

Will FullStory let me know if my site's CSS changes and my element no longer makes sense?
No, FullStory will not alert you that your Named Element no longer exists on your site. 

Do Named Elements work with webhooks?
No, Named Elements don't work with FullStory webhooks or other webhook-based integrations like Zapier. Please use custom events defined via the FullStory JavaScript API for those integrations. 

What's the difference between a Defined Event and a Named Element?
Named Elements apply to CSS selectors only whereas Defined Events allow you to assign a name to specific user behavior. You can reference a Named Element when creating a Defined Event (for example, clicked element “Add to Cart” when the Visited URL starts with /category-listing”). 

 

 

Need to get in touch with us?

The FullStory Team awaits your every question.

Contact us