google-analytics - 谷歌标签管理器轮播链接

Question

我是 GTM 的新手，正在尝试在整个网站的多个轮播中捕捉“下一个”和“上一个”事件。

我的 HTML。

<div id="hero1">
  //... slides
  <div class="slide-next"></div>
  <div class="slide-prev"></div>
</div>   

<div id="hero2">
  //... slides
  <div class="slide-next"></div>
  <div class="slide-prev"></div>
</div>    

每当我单击一个divwith class slide-next（以及slide-prev）时，我想捕获以下内容：

分类：轮播按钮

操作：单击 - 下一个（或上一个）

标签：英雄1

有没有办法在谷歌标签管理器中做到这一点？

Answer 1

• 使用 gtm.element.parentElement.id 作为变量名称创建一个新的数据层变量宏。
• 使用 gtm.element.className 作为变量名称创建另一个数据层变量宏。
• 创建一个新规则，其中 event 等于 gtm.linkClick 并且您之前创建的宏 -first one- 以 hero 开头
• 创建一个新的 UA 标记，类型：事件，类别：轮播，操作：宏与 gtm.element.className，标签：宏与 gtm.element.parentElement.id。使用前面的规则触发此代码。

当然，您还需要一个点击侦听器标记。