Beginner: How to identify proper tag element on web page (Needed for an Event to fire)

[dariusd91806962]

Hello everyone. I am a newbie to the Adobe Analytics / DTM world. what I am having problems with is identifying the tag element to list in the css, so that when it is clicked an Event will fire and record it. When the Pre-qualify link is clicked I want the Event rule to fire and store it in Event40, and prop30 . the web page is built through wordpress. If you want to check out the page goto Atlanticbay.com.. you will see the pre-qualify link on the left at the top just underneath the Atlantic Bay Logo.

Please note this is all practice and learn for me, so if you think I am doing it wrong please let me know. and give me best practice instruction on how and what I should do.  

Here is the Web element listed below.

<div class="col-xs-6 col-sm-2 sub-nav-item"> <a href="http://www.atlanticbay.com/pre-qualify/" title="Pre-Qualify"> <span class="sub-nav-icon"><img src="http://d3k0pmp8tgrvhb.cloudfront.net/wp-content/uploads/pre-qualify.png" alt="Pre-Qualify Icon" width="20" height="20"></span> <span class="sub-nav-text">Pre-Qualify</span> </a>

Thank you

Darius Dempsey
 

[ParitMittal · Accepted solution]

Hi Darius ,

To identify the tag element in the Html/css of the page for Event Based rule , Please use the CSS Selector to quickly and easily select CSS elements to use as triggers for event-based rules without leaving the DTM rule builder. Please see the following link for more information.

https://marketing.adobe.com/resources/help/en_US/dtm/css-selector.html

Also,  As you are new to DTM , It would be a good to refer our Getting Started guide for DTM :

https://marketing.adobe.com/resources/help/en_US/dtm/get_started.html

Thanks & Regards

Parit Mittal