Tagging Features is a helpful way to understand user activity. Additionally, you may also want to track activity within your own Resource Center. This article details how to tag modules and guide links within the guide list and onboarding modules.
Tag a module within your Resource Center
- Access your product using the in-app designer as if you are tagging a feature.
- Tag anything on the page within your app.
- Save the feature tag giving it a name that is easy to find.
- In Pendo, go to Products > Features, select the newly created feature tag, and manually edit the rule via the Pendo UI.
- Add the following code into the CSS tab in the custom code block based on the type of guide.
[id^="pendo-list-item-{someLongId}"]:contains({ModuleName})
-
{someLongID}
= This is the unique ID of the module in your Resource Center home view. -
{ModuleName}
= This is the Title of your module
Note: The Visual Designer utilizes globally unique IDs for the list items in your Resource Center home view. The
someLongID
is unique to each view of your Resource Center and then each module is distinguished by the {ModuleName}
defining the specific module. You can find these unique IDs by looking in the DOM of your browser developer tools (F12). 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
Note: Make sure to leave no space between the id(#) and the class(.) in your css selector for both onboarding module guides and guide list modules guides
For the guides inside of the guide list module or onboarding module, you can use:
[id^="pendo-list-item-{someLongId}"]:contains({GuideName})