Track Clicks Only Once on a Checkbox | Community
Skip to main content
LeoS_Taco
LeoS_Taco
Level 2
March 1, 2018
Solved

Track Clicks Only Once on a Checkbox

  • March 1, 2018
  • 2 replies
  • 3572 views

First, as usual, sorry if this answer exists but I searched and couldn't quite find the answer for which I am looking. I'm trying to track an action on an input checkbox only once, that is if I have a list of checkboxes I want to only track if user clicked on it once, so even if they deselect a chackbox they've checked only the first click is tracked. I know there's a way to check if a checkbox has been clicked in JS via "querySelector().input" type call, but I'm lost as to how to bring that full circle to only have tracking event fire only once regardless of how many times the user toggles it. Consider the following mark-up:

 <li class="js-form-item form-item form-item__item form-item--checkbox__item">
    <span class="checkbox"> 
      <input view_id="explore" display_id="explore_main" data-drupal-selector="edit-category-title-app" type="checkbox" id="edit-category-title-app" name="category[title_app]" value="title_app" class="form-checkbox form-item__textfield">
        <label for="edit-category-title-app" class="checkbox__label">
          <span class="checkbox__faux"></span><span class="form-item__label">App</span>
        </label>
     </span>
</li>

Message was edited by: Leo Shvedsky

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by Muralidharan_Ve

    Hi Leo,

    Check if the below snippet helps you.

    $('input').one('change',function(){

    s.linkTrackVars='';

    s.linkTrackEvents='';

    s.tl(this,'o','');

    });

    (or)

    firstClick = false;

    $('input').on('change',function(){

    if(!firstClick){

    firstClick = true;

    s.linkTrackVars='';

    s.linkTrackEvents='';

    s.tl(this,'o','');

    };

    });

    Regards,

    Muralidharan

    2 replies

    Muralidharan_Ve
    Muralidharan_VeAccepted solution
    Level 2
    March 2, 2018

    Hi Leo,

    Check if the below snippet helps you.

    $('input').one('change',function(){

    s.linkTrackVars='';

    s.linkTrackEvents='';

    s.tl(this,'o','');

    });

    (or)

    firstClick = false;

    $('input').on('change',function(){

    if(!firstClick){

    firstClick = true;

    s.linkTrackVars='';

    s.linkTrackEvents='';

    s.tl(this,'o','');

    };

    });

    Regards,

    Muralidharan

      J
      jdonley
      Level 8
      March 2, 2018

      I think Muralidharan has the right idea in principle (the example is javascript with pure aa code.. there is likely a better "DTM" way to do it, that makes better use of stuff available in DTM), though you may want to be more explicit and also check that its state is checked. Not sure how your site is structured / functioning but for example if you have some of them checked by default, unchecking them would also trigger this, and that may or may not be your intention to (also) track. Just something to consider.

        Terms & ConditionsAccessibility statement

        Loading footer...