CODEWITHSUNDEEP
javascriptjqueryhtmlgoogle-tag-manager
Tal Mizrachi
Tal Mizrachi

Reputation: 1

Google Tag Manager - storing id of a clicked div/button

Looked for the answer all over, tried reading seperatly but couldn't find an answer..

I have a site, on which Google Tag Manager is implemented, and I need to extract the id of a clicked button (or its parent).

this is my code: 

function(){
$(document).ready(function(){
  var editid;
  $('div.uk-button').click(function() {
   editid = $(this).attr('data-id');
}); 
 return editid;
});
}

Thanks!

Upvotes: 0

Views: 1186

Answers (3)

sdhaus
sdhaus

Reputation: 1896

The simplest approach is to create the following custom javascript variable:

function(){
  return $({{Click Element}}).attr('data-id');
}

This will return the data-id attribute for all events (including clicks).

Attach this variable to the relevant event tag, and use click class contains uk-button as the trigger.

Upvotes: 2

Anders Elmgren
Anders Elmgren

Reputation: 658

Hey it looks like you may be not be catching the returned value of the document ready callback.

For example, this returns undefined since the return of $(document).ready() callback is not being returned by the containing function:

function testfunc() {
$(document).ready(function(){
  var editid = 'this is the return value';
return editid;
});
}
testFunc()
"returns undefined"

I'm guessing that you might be trying to set up a custom javascript variable in GTM. You can still use document ready to ensure the elements are present but the returned value needs to be returned by the outer function for it to be passed into the variable.

So your example should work as follows:

function(){
var editid;
  $(document).ready(function(){
    $('div.uk-button').click(function() {
      editid = $(this).attr('data-id');
    }); 
  });
return editid;
}

Upvotes: 0

yatz
yatz

Reputation: 51

You can remove the outer function and code like below.

$(document).ready(function () {
                $('div.uk-button').click(function () {
                    var editid;
                    editid = $(this).attr('data-id');
                    alert(editid);
                });                    
            });

Upvotes: 0

Related Questions