How to track the click url through data element and pass to Adobe Analytics?

[aruns59381014]

Written following script it's shows the URL in alert but it's not sending any URL to the Adobe Analytics.

jQuery(document).on("click",".lia-search-results-container .page-link, .lia-autocomplete-container .lia-js-autocomplete-list-item-link", function(e){

e.preventDefault();

  alert(jQuery(this).attr("href"));

  return jQuery(this).attr("href");

})

I am in new in DTM please share the step by step guide

[Stewart_Schilling · Accepted solution]

Yeah, you're working too hard...

In DTM, the onClick handler is created for you when you create an event rule.

This all happens in the Conditions section of the rule:

Note the event type is "Click" and the Element Tag or Selector is set to "a" indicating that I want to set up a listener for any click on any anchor tag.  You can be as specific or as lax in the CSS selector that you put into this field.

In the Actions part of the rule (Adobe Analytics in this case), we can set variables.

Below you'll see two examples.

1) In the AA custom link name, I am using the static text, "Clicked on Anchor - " and using data element syntax "%%" to wrap a reference to the event variable which is always available for DTM event rules.   In this case, I'm pulling the text of the anchor tag by specifying %event.target.text%.

2) For eVar11 I am simply grabbing the href of the anchor tag using %event.target.href%

In action, here's what we get:

[vivekk58878436]

It works both ways. If you place this in thirdparty JS section, it should be able to bind. But yes, DTM binds links automatically Stewards explained

[nilamd73762578]

Can Anybody send me the step by step guide for launch?