javascript - Google Analytics/标签管理器 - 事件跟踪 - 我很困惑

Question

我正在开发一个网页，并被要求对后端进行检测以记录用户对链接的点击。我找到了谷歌分析，并认为这将提供他们可能想要的所有跟踪。所以我建立了一个谷歌分析账户。在我添加的网页头部:

<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 对网络分析 API 的最新实现。它不需要 Google 双击即可运行(但基于双击代码，因此如果您选择使用它，以后可以更轻松地进行集成)。

要使用此方法跟踪链接:

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

至于调试 - 这里有一个用于 Analytics 的 Chrome 插件:

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

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