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

我有一个带有多个标签的JavaScript页面。当有人点击第一个标签时，我想触发Google跟踪代码管理器。

单击任何选项卡时，它将调用“ handleTabClick”函数，该函数将更新Redux中的当前选项卡索引。然后，它基于当前的选项卡索引使用if-else语句：

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

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

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

最佳答案

基于有关总体目标的有限信息。我建议您使用自定义的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'
});

关于javascript - 有条件地触发Google跟踪代码管理器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60325004/