javascript - 如何通过 Google 跟踪代码管理器跟踪 Universal Analytics 事件？

Question

使用旧版本的 Analytics，我以编程方式跟踪事件，如下所示:

_gaq.push(['_trackEvent', 'my-category', 'my-action', 'my-label'])

使用新的 Universal Analytics，跟踪是使用:

ga('send', 'event', 'my-category', 'my-action', 'my-label');

这两者都会在 Google Analytics 面板中创建新事件，并按类别和操作分组。

如何使用 Google 跟踪代码管理器做到这一点？我已将 Universal Analytics 添加为 GTM 面板中的标签。现在我需要添加一段代码来触发事件，像这样？

dataLayer.push({'event': ???, 'category':xx, 'action';:xx, 'label':xx});

我不想在 GTM 管理面板中添加任何内容。我只想在我的网站上添加一段代码，以编程方式跟踪事件以及要显示在 Google Analytics(分析)面板中的事件。

Answer 1

你必须在管理面板中添加一些东西，否则这将不起作用。

dataLayer 中的“事件”的含义与 GA 中的事件跟踪不同——谷歌选择通过对几乎不相关的概念使用相同的名称来混淆所有人(那些与 javascript 事件共享名称的人不会做事更容易)。

GTM/dataLayer 中的“事件”是一个保留变量名，通常(但不总是)由 GTM 本身自动填充。事件是触发代码触发的原因。这可能是页面浏览、点击或数据层中的自定义事件。因此，dataLayer 事件可能用于触发 Google Analytics(分析)事件，但它本身并不发送任何数据(因为 GTM 和 GA 彼此完全独立)。

因此您需要在 GTM 界面中创建一个单独的 GA 标签，并将交互类型从“pageview”更改为“event”。标签模板的字段将更改以反射(reflect)此设置，即您将获得类别等字段。

然后您将创建三个“dataLayer”类型的宏，并将“数据层变量名称”分别设置为类别、操作和标签，以获取您在数据层中设置的值。然后在 GA 事件跟踪标签的各个字段中输入宏。

最后，您需要一个 (GTM) 事件来创建触发代码的规则。在 Pageview/DOM Ready/Page loaded 上，事件会自动填充(gtm.js、gtm.dom 或 gtm.load)，对于点击和提交，有自动事件处理程序 [1](其事件为 gtm.click、gtm.linkClick、 gtm.formSubmit) 或者您可以使用自定义事件，即将数据层中的“事件”变量设置为自定义值，比方说“ga_event”。

然后您可以创建一个新规则，其中 event eq ga_event 并使用它来触发新的 Analytics 事件跟踪代码。创建版本、发布，然后就完成了。

但是您不能直接从 dataLayer 发送任何跟踪调用，这会违背标签管理器的目的。

[1] 到目前为止，您需要将自动事件处理程序设置为单独的标记。新的 GTM 界面将自动处理此问题。