topic Re: CSS selector in Real User Monitoring

CSS selector

SB_12 — Tue, 27 Apr 2021 11:39:02 GMT

HI ,

I am trying to display some values on a dashboard. I am using Easytravel application , and want to display totalcost value using CSS selector. I created a property under Session and user action properties. While the capture expression is giving proper results when testing on chrome browser , only null value is shown on dashboard.

Capture expression:

#iceform\\3aj_idt77-11-1 > span

When I am testing this expression in chrome

document.querySelector('#iceform\\3aj_idt77-11-1 > span').innerHTML

"$ 1461.98"

Can someone help me find out what i am missing ?

Re: CSS selector

skrystosik — Tue, 24 Sep 2019 08:37:09 GMT

When you want to capture total cost:

please look on sourcecode:

as you can see you have class .totalCosts which is used only once on this page, so it's good for extracting properties. You should keep your rules as simple as possible.

Sebastian

Re: CSS selector

SB_12 — Tue, 24 Sep 2019 10:40:43 GMT

Hi @sebastian k. thanks for your reply. Are you suggesting me to use Request attribute ?

Re: CSS selector

skrystosik — Tue, 24 Sep 2019 10:45:04 GMT

No I suggest using different css path.

Re: CSS selector

SB_12 — Wed, 25 Sep 2019 13:05:28 GMT

Thanks @sebastian k. , it is working for me now.

Re: CSS selector

rachel_lee — Thu, 10 Jun 2021 15:34:00 GMT

what is the working configuration?