用于h1页面上文本的Google跟踪代码管理器宏

时间:2014-06-23 14:21:16

标签: google-tag-manager

如何在Google跟踪代码管理器中添加一个宏来获取类中的内容="内容" div如下所示:

<article class="content">
              <h1>Meeting of the Committee</h1>

我正在尝试设置一个Google Analytics事件,该事件将获取此h1的文本并将其放入事件标签中。事件的操作将是单击页面上其他位置的按钮。所以我想这样:

类别:会议 操作:添加到日历 标签:委员会会议

我还应该注意到(令人讨厌的),此页面上有多个h1,但目标是&#34; .content h1&#34;会得到我需要的文字。我只是不知道如何将这个价值变成一个宏。

非常感谢任何帮助。谢谢!

2 个答案:

答案 0 :(得分:0)

由于h1不是被点击的元素,因此它不会自动存储在宏中。

因此,您可以使用以下函数创建自定义javascript类型的宏:

function() {
 return window.document.getElementsByTagName('h1')[0].innerText;
}

这将从页面上的第一个h1中提取文本(理想情况下只有一个h1)并返回它。

如果没有H1,你可能想要添加一些错误检查,还有一些讨论是否应该使用innerText(这里是关于differences between innerHTML, innerText, textContent等的帖子),但据我所知innerText工作得相当好。

答案 1 :(得分:0)

GTM h1 Text

  1. 在GTM中创建变量
  2. 选择CSS选择器
  3. 将H1放置在元素选择器上
  4. 在变量中使用变量