有条件地触发 Google 跟踪代码管理器

Question

我有一个包含多个选项卡的 JavaScript 页面。我想在有人点击第一个标签时触发 Google 跟踪代码管理器。

单击任何选项卡时，它会调用一个 "handleTabClick" 函数来更新 Redux 中的当前选项卡索引。然后它根据当前选项卡索引使用 if-else 语句：

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

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

如果是这样，密码是什么？以及如何将触发器设置为 "listen" 呢？

Answer 1

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

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

然后您可以将它放在您的 if 语句中或任何您希望 GTM 触发您想要的标签的地方：

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

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

您可以像这样配置触发器（调用事件 "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'
});

有条件地触发 Google 跟踪代码管理器

Trigger Google Tag Manager Conditionally

javascript

google-tag-manager

tracking