I plan to track when a user clicks on a navigation menu buttons, the buttons are "Team" and "Career" banner buttons to be exact, however, I don't want to track the "Contact Us" button.
All three buttons are identified with a unique id in CSS on my page
div id ='team'
div id ='career'
div id ='contactus'
They are all nested under the parent
class div class="navigation"
In DTM I am using the Element Tag or Selector CSS selector to try and get my tracking to work, however, I can never get the rule to fire, most likely because my conditions are not met.
My conditions are:
Event type: Click
div#team.div#career:not(div.navigation)
Is this wrong? how else can I select the correct CSS for my rule to trigger?.
I have also tried: div.navigation,:not(div"contactus)
Does anyone have any pointers?