Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Trouble tracking clicks on element CSS selector. Alternatives?

puckingfeachy
Level 1
Level 1

Hi there - 

 

Just trying to figure out Adobe Launch. I am looking to track clicks on a live chat button. I'm not exactly a coder but -

 

With the following code, is it possible to create a rule around the "class" value? Alternatively, can I use the text of the button "Live Chat"? 

 

<button _ngcontent-tiq-c79="" type="button" data-backdrop="false" class="chatButton"> Live Chat </button>

 

What I've tried already? I tried using CSS selector but it seems to be different for every button sonce we are using Angular. The "class" and text value "Live Chat" seem to be the only consistent values.

 

Thanks in advance.

3 Replies
VaniBhemarasetty
Employee
Employee

@puckingfeachy You can create a rule for the click of an CTA in Adobe Launch. Similar to this 

VaniBhemarasetty_0-1637416454044.png

Similar discussions on the similar query https://experienceleaguecommunities.adobe.com/t5/adobe-experience-platform-launch/how-to-track-the-c...

 

Hope this helps

puckingfeachy
Level 1
Level 1

Hey @VaniBhemarasetty VaniBhemarasetty - 

Thanks for your helpful reply!

How do I know what value to put in the highlighted area?

Can I put class? id? or some other value?

For example - if I right click on my target element and go to "Inspect" - then within the "Elements" panel I right click on the code behind my target element and select "Copy" > "Selector" - I get:

#giportal > modal-container > div > div > div.modal-body > div.buttons.ng-star-inserted > button

The above seems like a lot compared tot he example you provided above.

 

I guess I'm curious to know how to get the "CSS Selector".

Thanks,

pfeach.