Best Coding Practice for Elements

  • 26 September 2023
  • 1 reply

Hi Folks,

I am having a feature where an user can select one accounting method out multiple accounting options available. Each accounting option is a clickable tile.

When I view a customer session in inspect mode from full story. All the different accounting options are reflecting as same element.

 What best practices i can suggest to my dev team to overcome this one?

What logic does Fullstory use to detect an element?


1 reply

Userlevel 5

Hey @Nitin27! Thanks for reaching out! 

Without looking at the session, the different accounting options may be reflecting as the same element because they aren’t unique enough and share the same CSS selector (how FullStory detects elements). The solution is to have your dev team add some kind of distinct identifier (element attribute) to help distinguish these various selectors. Once that is in place, they’ll also want to check & ensure that the chosen attribute is setup to index in your element attribute settings.There’s a helpful FAQ on this here!

If this does not resonate with what you’re experiencing, please let me know and I can escalate a ticket to our support team to take a closer look for you! Please don’t hesitate to reach out should you have any other questions! 😊