I know how to track link click using click event using css selector in adobe launch. But I am trying to get a custom code that can be used in adobe launch to listen for link click and then get link name from that link and store it in evar and prop and custom link name. Can somebody throw a code just link that? Actually I am challenging myself to make use of custom js code.
With the click event, information about the clicked element gets attached to the Event Object automatically. From there, it is very easy to pick up using a Constant Data Element. The innerText attribute might be the right one for your use case, which can be accessed as "%event.element.innerText%":
It's also featured in this tutorial I've done a while back, you can find the video here: https://youtu.be/VRi3WdwkA3g?t=513
Personally, I would always try to avoid Custom Code. While you can just use
as Custom Code, doing it within a Data Element in the UI is much clearer and more accessible to many users. It's a personal preference, but going the UI-route has always payed off for me.
The innerText attribute should still work, but a lot can be done in HTML that is not exactly compliant with standards. Check out pages like https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText to get an idea of which attributes to use. If the display text is kept completely outside of the element, you might need to get a bit creative.
This worked like a charm. So %event.element.innerText% is this tag a standard one which can be used any where? Is this something like what we write for direct call rule?
It is very universal and should work in many places! You can find some more inspiration on the mentioned links.