有条件地触发谷歌标签管理器

Question

我有一个带有多个选项卡的 JavaScript 页面。我想在有人点击第一个标签时触发 Google Tag Manager。

当点击任何标签时，它会调用一个“handleTabClick”函数来更新 Redux 中的当前标签索引。然后它使用基于当前标签索引的 if-else 语句：

if (curretTabIndex === 0) {
   // should I add GTA trigger here?
   this.props.loadFirstPage()
}

是否可以在 if 条件块中添加 GTA 触发器？

如果是这样，代码是什么？以及如何将触发器设置为“听”它？

Answer 1

基于关于总体目标的有限信息。我建议您使用自定义 datalayer 事件。

您的触发器设置如下所示：

然后你可以把它放在你的 if 语句或任何你想让 GTM 触发你想要的标签的地方：

dataLayer.push({'event': 'first-tab-view'});

根据您想要执行的操作，您还可以传递其他信息并使触发器更通用，以便在整个代码中重复使用。

您可以像这样配置触发器（将事件称为“选项卡视图”），以便将其用于其他选项卡：

然后您将根据他们正在查看的标签运行此触发器：

dataLayer.push({
'my-tab': current-tab-var, //this would be a variable that would represent what the current tab number is
'event': 'first-tab-view'
});