Tagging Features is an essential method for gaining insights into user activity within your application. Beyond the main application, tracking user interactions within your Resource Center is also crucial.
This article explains how to tag modules and guide links within the guide list and onboarding modules of your Resource Center.
[id^="pendo-list-item-someLongID"]:contains('{ModuleName}')
Note: The Visual Design Studio uses globally unique IDs for the list items in your Resource Center home view. The someLongID
is unique to each view of your Resource Centers, and each module is distinguished by the {ModuleName}
defining the specific module. You can find these unique IDs by using the inspect tool of your browser's developer tools to look in the DOM.
For example, if a module in the Resource Center displays as follows:
Add this to the CSS selector when tagging a Feature:
[id^="pendo-list-item-1d199427"]:contains('Announcements')
Tag a guide listed in an onboarding or guide list module
For the guides inside of the guide list module or onboarding module, you can use:
[id^="pendo-list-item-{someLongId}"]:contains('{GuideName}')