Google Tag Manager custom javascript to get data layer variable

Question

I want to do some processing on a data layer variable before I want to use it in a tag. for instance I have a number of social icons with the fontawseome framework. Now I want to create a variable that gives me which one is clicked.

How do I get the part of the data layer elementClasses value?

In preview mode I can see that when I click on a button the Data Layer values after this message box looks like this:

{
  gtm: {
    ...
    ...
    elementClasses: 'fa fa-twitter',
    ...
  }
}

I essentially want to make a GTM variable of type Custom JavaScript that does this

function(){
  return elementClassesString.match(/fa-.*/);
}

Any tips?

EDIT::

In the console I can get the latest data layer entry by typing dataLayer[dataLayer.length-1] so I figured this would do the trick:

function(){
  latest = dataLayer[dataLayer.length-1]["gtm.elementClasses"];
  if(latest === ""){
   social = "not-set" 
  }else{
    social = latest.match(/fa-.*/)[0];
    social = social.substring(3,social.length);
  }
  return social;
}

But I only get undefined in the GTM preview. Why is that?

nyuen · Accepted Answer · 2015-11-19 23:47:04Z

1

To get the gtm.ElementClasses when it's pushed (ie. in gtm.click or gtm.linkClick events") you can create an Auto-Event variable like this:

This variable returns the class of the element that is clicked. You can then use this variable in other custom JS variables.

answered Nov 19, 2015 at 23:47

nyuen

8,9272 gold badges23 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eike Pierstorff Over a year ago

For clicks and link clicks" click classes" is a built-in variable, you can simply enable it in the variables section of the gui (so one would not even have to create a new variable).

Collectives™ on Stack Overflow

Google Tag Manager custom javascript to get data layer variable

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related