Using Indexed Element Attributes in Search & Page Analytics

A note on indexed element attributes

Admins and Architects are the only team seats that have permissions to add new indexed element attributes. If you are a Standard user, you'll need assistance from one of these team seats in your Settings > Account Management > Users view.

Jump to section:

Note: If you want to have Element Attributes available in your mobile application, you can use the API call listed here for the elements you want attributes on.

How Indexed Element Attributes work in Fullstory

The indexed element attribute feature allows you to take advantage of more stable attributes on your selectors, even while the class names constantly change. Attributes also help to make the CSS on your site unique which improves the benefit of Fullstory features, including named elements and heatmaps

CleanShot 2025-04-17 at 10.42.53@2x.png

In the Default Attributes view, we'll show attributes already indexed in search for all Fullstory accounts, such as data-component data-test and aria-labelledby.

In the Configured Attributes view, we'll show attributes that were either autoconfigured by Fullstory based on user sessions captured or were manually added by an Admin or Architect user on your account. Element attributes that were autoconfigured will have Fullstory listed under the Created by column on the Configured Attributes view. Fullstory will check for and autoconfigure element attributes once a day.

Admin and Architect users can configure pattern rule lists for attributes or delete attributes on the Settings > Data Management > Indexed Element Attributes page. When an auto-configured attribute is deleted, it will not be automatically reconfigured by Fullstory unless it it re-added by an Admin or Architect user at a later time. 

If you're not seeing an attribute from your website listed on on this page, an Admin or Architect user can add additional attributes by clicking Create Attribute

Note: Indexed element attributes are not retroactive. When you search for sessions using indexed element attributes, you'll see results starting from the time of instrumentation. 

Index List

The attributes that we index by default are listed here.

id data-analytics-section data-element data-selector
class data-auid data-fs-element data-source-file
role data-auto data-hook data-test
aria-describedby data-automation data-index data-test-id
aria-label data-category data-key data-testid
aria-labelledby data-component data-page data-tid
data-analytics-component data-current-page data-qa data-track
data-analytics-id data-e2e data-ref data-wa-link

 

The following attributes are conditionally allowed.

Attribute Conditionally Allowed Tags
type [“button”, “input”]
name [“button”, “fieldset”, “form”, “input”, “output”, “select”, “textarea”]
href [“a”]
for

[“label”]

 

Do Not Index List

We don't index certain very common attributes (shown in the table below) since attributes are meant to identify important and unique elements around the site. These attributes cannot be manually configured.

media nonce src

 

Configure pattern rule lists for attributes

So you've identified a new Element Attribute that you'd like to add to Fullstory for Indexing - great!

When you edit or create a new Element Attribute, a pattern rule is required to index the attribute value. Click Add Rule to input the specific patterns you'd like to include or exclude. You can use wildcard * to specify a greater range of patterns.

Note:
  • block *container and allow metrics-container will not work.
    • The block of the wildcarded term takes precedence over the more specific allowlisted term.
  • *container and block metrics-container will work.

Searching using element attributes

Once attributes have been configured and new sessions have been captured containing the elements you'd like to search for, you can start filtering using those attributes. To do so, you'll want to toggle the Any activity drop down and select Clicked. You will then have the option to search the clicked event by CSS selector where you can search for engagement on a specific element without using class selectors.

Note: Data attributes are only searchable if they contain a given value. For example, [data-attribute] alone would not be searchable. Rather, you would need to enter [data-attribute="yourvaluehere"] when searching to yield results. If you'd like to explore more operators for data attribute searches, check out this guide for more tips.

See the images below for steps on how to refine a search using element attributes.

Data Attribute Search Data Component 841px

Refine your search to find engagement on a specific element containing specific text.

Data Attribute Search Data Component Text 840px

And use data categories to search for engagement categories across multiple elements.

Data Attribute Search Data Category 857px


Was this article helpful?

Got Questions?

Get in touch with a Fullstory rep, ask the community or check out our developer documentation.