Through the NoibuJS SDK, you can identify custom attributes to track in session recordings, like customer IDs, status markers, and marketing assets. This gives you another way to filter and isolate sessions with specific characteristics that may not be captured by default.

Some clients, though intrigued by the custom tracking capabilities, are dubious about the SDK, as the implementation is highly technical. In response, we’ve devised an alternate method of collecting custom attributes that relies on HTML selectors rather than the addCustomAttribute SDK function. This empowers you to isolate sessions without the friction of integrating the NoibuJS SDK.

For now, tracking custom attributes via selectors will be implemented by request; contact us at support@noibu.com to configure the custom attribute on your behalf.

To configure a custom attribute, we will need:

• The domain name
• The attribute name
  • You’re free to call it whatever you want
• The selector value
  • With proper direction, the Noibu support team can pull this selector value on their own. However, you’re welcome to pull it yourself to expedite the process.

Retrieving a Selector Value

A selector value is the key used to select elements with a custom attribute. You can access an element’s selector value from the frontend of your eCommerce site with the help of the DevTools panel.

1. Open the DevTools inspector. On Chrome, you can do so by right-clicking and selecting Inspect.
2. Click the Selector icon in the top-left corner. This will allow you to select and inspect page elements.
3. Select an element by clicking on it. This highlights the code block associated to the element in the DevTools window.
4. Right-click the highlighted item and hover over Copy.
5. Click Copy Selector.

To track a custom attribute in session recordings, submit the domain name, attribute name, and selector value to support@noibu.com. Your custom attribute will be accessible in the Session Search index shortly.