Click events in Launch using div id

[Jmaguire]

Hi,

I'm looking to tracking click interaction with elements on my homepage using CSS selectors.

I can see the option for a rule in Launch based on click but unsure what syntax to specify under "Elements matching the CSS selector".

The selector I'll be looking for interaction on is <div id="addButton"> or <div id="minusButton">.

Thanks,

James

[Brian_Johnson_ · Accepted solution]

@Jmaguire -

It's just looking for a basic selector, the same you would use with document.querySelector() or document.querySelectorAll(). For the two DIVs in your question, since they have unique IDs (at least, the IDs should be unique on the page), you can use #addButton and #minusButton, respectively.

More on selectors here.

[Jmaguire]

Thanks @Brian_Johnson_, managed to get to work.
How would I go about passing the name of 'Add' or 'Subtract' to Analytics, ie. Add used, to the custom link report?

[yuhuisg]

@Jmaguire assuming the "Add" / "Subtract" text are the text inside the <div> elements, then in your Action, you can use %this.@text% to get that text from your clicked element.

[Jmaguire]

@yuhuisg many thanks for your reply.

[Jmaguire]

@yuhuisgmany thanks for your reply. Where would I specify %this.@text%? I tried putting it in Custom Link - Link Name for the beacon I'm sending.

[yuhuisg]

@Jmaguire yes, that is the correct place. Is it not sending the text within your clicked element?

[Jmaguire]

@yuhuisg It gives me a blank value. I tried with a text string as a test and it worked fine, but %this.@text% shows as blank link name

[Jmaguire]

I should mention there is no text for Add and Subtract, they are images.

Is there a way to pull the value xyz from <div id="xyz"> ?

[Brian_Johnson_]

The lack of text is definitely your issue, then. Try using %this.id% instead. Also, I find the Launch Cheat Sheet handy to have around... https://jimalytics.com/wp-content/uploads/2017/11/Adobe-Launch-Cheat-Sheet.pdf

[Jmaguire]

Many thanks @Brian_Johnson_, that worked perfectly. Also, thanks for the cheat sheet, will definitely come in use. Thank you both.