I'm in the midst of deploying Dynatrace Managed for a customer and I'm not really familiar with the CSS part for user tagging. We have identified the CSS element which contains the user name, but I'm just not too sure if the configuration is correct. Could you help me to verify?
As attached is a screenshot, and the highlighted part is the user name we want to capture. Would "#navTabButtonUserInfoText navTabButtonUserInfoWorker@title" work? As I will not be onsite until next week and customer is new to the product, I'd just thought of getting opinions here first...
Solved! Go to Solution.
First, capture the correct CSS selector by selecting your element from the WebGUI, then click right and select Inspect. You have this option in Chrome and Firefox, not in IE.
Then in the HTML editor, click on "copy as CSS", past in Dynatrace and that's done
In some cases, that may not be sufficient because you are capturing extra characters or strings. Then use a regex that you will put under the "Apply cleanup rule" option in the "User tag" rule of your Dynatrace application.
You can also have a look here:
Here's a brief step-by-step PowerPoint that may help also, especially if you want to test the CSS selector before you add it to Dynatrace:
Hello, I am trying to extract the name John for user tagging using CSS selector.
<a _ngcontent-sba-c1="" aria-label="My Profile" class="user-label ng-star-inserted" href="ABCD"><span _ngcontent-sba-c1="" class="check-dirty user-name">Hello, John</span><img _ngcontent-sba-c1="" alt="user" class="check-dirty user-profile" src="XYZ.svg"></a>
I followed the same instructions to copy the selector and this is what I input into the app config for user tagging. It still keep the User names in sessions as Anonymous:
#page-main-container > div.bmo-container > div:nth-child(1) > a > span
Am I missing something here which is not letting the user tag parse through?
Hi @dave_mauney , I'm trying to extract via css selector the content of <homepage-element> you can see below.
At first, I'd like to use a part of its content as action property.
In the capture expression I indicated this (following your very useful guide):
#body > app-root > app-homepage > div > div.element-wrapper > div:nth-child(1) > homepage-element
But unfortunately it's not capturing anything.
Do you have any hint for me?
@paolo_fumanelli it's not clear from the screenshot what the <homepage-element> contains. RUM will capture the textContent attribute.
Based on your example you might want to try selector
to capture the country attribute from the element.
You can also use the browser's developer console:
You are welcome!
I recommend leaving out the CSS hierarchy and rewrite the selector in a way so that any future modifications of the page won't affect it (for example nth-child). So unless there are no more homepage-element tags in your page, you can probably safely delete the part before it.
@Christopher_Cha This is just a temporary solution.
CSS is not best practice for this, espectialy with complex css path
which can be changed with layout in any time.
Try to ask developers add JS variable or dtrum.identifyUser("xxxx") call for 100% reliable user detection