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

Question

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

Codemirror 生成更改事件。每次编辑时，清除之前的任何计时器并设置一个超时触发器以在 200 毫秒后运行。 (编译将在此时进行深入，我想确保跟踪此事件发生的次数)

Answer 1

如果我理解正确的话:

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

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

然后创建“自定义事件”类型的触发器，将事件名称设置为“编译”并使用它来触发 Google Analytics(分析)事件跟踪代码(如果您使用 GA 代码模板，则可以通过下拉列表选择命中类型)。

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

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

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

然后创建“dataLayer”类型的新变量并输入要访问的 key 的名称。然后，您可以在 Ga 标记中使用该变量，方法是从自动建议列表中选择该变量(如果单击 eventCategory 等字段右侧的图标)，或者输入带大括号的变量名称，即 {{myVariableName}} .

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