javascript - ga() 函数 Google Analytics 在 Google 跟踪代码管理器中作为标签实现

Question

我需要使用自定义 ga('send') 函数来发送表单提交时触发的数据，特别是通过 Marketo。

在将 GA 作为脚本标记安装的网络资源中，这非常有效。然而，在一个我需要执行此操作的网站上，GA 通过 GTM 作为标签安装。这显然是最佳实践。

基本上代码看起来像这样(对于上下文):

form.onSuccess(function (values, url) {
    console.log('success');
    ...
    ga('send', 'event', {
       eventCategory: 'form',
       eventAction: 'submit',
       eventLabel: 'Form Submit'
     });
     ...
     return false;
 });

我做了一些研究

How to send ga(...) events with Google Tag Manager?

Google Analytics Code Explanation

前提是我需要首先定义 ga() 函数 - 所以我这样做:

window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', "UA-XXXXXXXX", 'auto');
form.onSuccess(function (values, url) {
     console.log('success');
     ...
     ga('send', 'event', {
           eventCategory: 'form',
           eventAction: 'submit',
           eventLabel: 'Form Submit'
     });
     ...
     return false;
 });

我可以看到 `console.log("success") 并且没有抛出任何错误，但我没有看到 GA 中记录了表单提交事件。

有什么想法吗？如何使用 GA 与脚本标记的 Google 跟踪代码管理器实现来处理自定义事件？

Answer 1

在通过 GTM 标签实现 GA 的 marketo 表单页面上，您应该考虑使用 custom datalayer events为此。

不要害怕“自定义”这个词，本质上你可以这样做:

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

所以你的代码变成:

form.onSuccess(function (values, url) {console.log('success');
...dataLayer.push({'event': 'form-submit'});...return false;});

然后在 GTM 中:

1. 根据您刚刚编码的自定义事件(“表单提交”)创建一个触发器以推送到数据层，如下所示:
2. 然后创建一个 GA 标签，设置跟踪类型“EVENT”，根据需要填写类别、操作和标签。然后附加您在步骤 1 中创建的触发器。如下所示:
3. 预览或提交所有内容以查看其运行情况。