Google Analytics（分析）/跟踪代码管理器-事件跟踪-我很困惑

Question

我正在开发一个网页，并被要求检测后端以记录用户对链接的点击。 我找到了Google Analytics（分析），并认为这将提供他们可能想要的所有跟踪。 因此，我建立了一个Google Analytics（分析）帐户。 在网页的开头，我添加了：

<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-MYCODEXX-1');
</script>

然后，我在页面上添加了一个按钮，如下所示：

<a href="didyouknow.html" class="btn btn-primary" onclick="trackOutboundLink(this, 'Internal Links', 'Did You Know'); return false;">More</a>

然后，我一直试图弄清楚如何跟踪链接点击。 我遇到了3种不同的方法，但我不知道该如何使用：

function trackOutboundLink(link, category, action) {
    try {
        _gaq.push(['_trackEvent', category, action]);// OPTION 1
        ga('send', 'event', category, action);       // OPTION 2
        gtag('event', category, action);             // OPTION 3
    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}

从我阅读的内容来看，选项1已过时。 选项3似乎最符合我必须添加的脚本中的gtag代码。 但是我不确定这是否还需要订阅Google跟踪代码管理器？ 我很难测试，因为系统管理员必须将我的网页和脚本部署到服务器上，并且目前响应速度并不快。 在我的PC上本地运行网页时，我还可以测试这种方法是否有效吗？ 谢谢

Answer 1

Gtag-Google针对Web的Analytics API的最新实现。 它不需要Google双击即可起作用（但它基于doubleclick代码，因此以后您选择使用它时，可以更轻松地进行集成）。

要使用此方法跟踪链接：

function trackOutboundLink(link, category, action) {
    try {

       gtag('event', 'play', {
         'send_to': 'UA-MYCODEXX-1',
         'event_category': 'Videos',
         'event_label': 'Fall Campaign'
       });

    } catch (err) {
    }
    setTimeout(function () {
        document.location.href = link.href;
    }, 100);
}

请参阅迁移指南以获取有关此最新版本带来的差异的帮助（与您可能在网络上找到的其他代码相比）。 https://developers.google.com/analytics/devguides/collection/gtagjs/migration

至于调试-这里有一个适用于Google Analytics（分析）的Chrome插件：

https://chrome.google.com/webstore/detail/page-analytics-by-google/fnbdnhhicmebfgdgglcdacdapkcihcoh?hl=en

我以前已经成功地使用它来调试本地事件，因为它将在控制台中提供一些输出。

Answer 2

您的Google Analytics（分析）脚本是正确的，并且将其包含在头部内是正确的。

 <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-MYCODEXX-1');
</script>

使用最新的Google Analytics（分析）脚本时，事件跟踪将为gtag。

gtag('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});

最好的测试方法是登录您的Google Analytics（分析）帐户，在左侧“报告”菜单下的此特定属性上，您会发现“实时”。 在实时下，您具有事件选项卡。

如果从网站上单击onClick事件，则应触发一个事件以显示在“事件”选项卡中，如果您看到这种情况，则知道事件正在触发。 可以从本地PC进行测试。

标记管理器也可以完成此操作，但设置过程有所不同。