Google 标签管理器自定义事件跟踪

Question

我是 codiva.io a java ide for students 的一名开发人员。我正在使用 codemirror 编辑器。我想跟踪编辑（特别是上次编辑后的暂停或超时）。我之前使用过 Google 分析，对于事件，我们将使用 ga.send()。现在我正在使用 Google 标签管理器，对于点击和其他事件，我们似乎可以使用标签管理器 ui 本身进行配置。使用标签管理器，我无法找到如何对此进行跟踪。

Codemirror 生成更改事件。在每次编辑时，清除任何先前的计时器并在 200 毫秒后将超时触发器设置为运行。（编译会在此时潜水，我想确保跟踪此事件发生的次数）

Answer 1

如果我理解正确的话：

使用您更改的事件将自定义事件推送到数据层：

dataLayer.push({event:'compile'});

然后创建 "custom event" 类型的触发器，将事件名称设置为 "compile" 并使用它触发 Google Analytics 事件跟踪标签（如果您使用 GA 标签模板您可以通过下拉菜单 select 匹配类型）。

dataLayer的"push"方法不是原生的数组方法，而是GTM代码的特殊实现； GTM 使用它来监视对数据层的更改，"event" 关键字告诉 GTM 更新其内部数据结构，以便标签和触发器可以使用新值。

通过相同的推送，您还可以传递数据以用作 eventCategory 等：

 dataLayer.push({
    event:'compile',
    eventCategory:'myCategory',
    eventAction:'myAction',
    ....
 });

然后创建 "dataLayer" 类型的新变量并输入要访问的键的名称。然后，您可以在 Ga 标签中使用该变量，方法是从自动建议列表中 selecting 它（如果您单击 eventCategory 等字段右侧的图标）或输入带有大括号的变量名称，即{{我的变量名}}。

另请记住，dataLayer 中的 "event" 关键字与 Google Analytics 事件无关，除非它可用于触发事件跟踪（以及任何其他标签）。 "Event" 只是 GTM 中的一个关键字，表示数据已更新，标签现在可以访问新数据。

Google 标签管理器自定义事件跟踪

Google tag manager custom event tracking

google-analytics

codemirror

google-tag-manager