javascript - Google跟踪代码管理器自定义javascript来获取数据层变量

Question

我想在标签中使用数据层变量之前对其进行一些处理。例如，我有许多带有 fontawseome 框架的社交图标。现在我想创建一个变量来告诉我单击了哪一个。

如何获取数据层elementClasses值的部分？

在预览模式下，我可以看到当我单击按钮时，此消息后的数据层值框如下所示:

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

我本质上是想创建一个 Custom JavaScript 类型的 GTM 变量来执行此操作

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

有什么建议吗？

编辑::

在控制台中，我可以通过输入 dataLayer[dataLayer.length-1] 来获取最新的数据层条目，所以我认为这可以解决问题:

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;
}

但我在 GTM 预览中只得到undefined。这是为什么？

Answer 1

要在推送时获取 gtm.ElementClasses(即在 gtm.click 或 gtm.linkClick 事件中)，您可以创建一个自动事件变量，如下所示:

该变量返回被单击元素的类。然后您可以在其他自定义 JS 变量中使用此变量。