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

Question

我正在开发一个网页，并被要求检测后端以记录用户对 link 的点击。我发现 google 分析并认为这将提供他们可能想要的所有跟踪。所以我设置了一个 Google 分析帐户。在我添加的网页头部：

<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>

然后我一直在尝试弄清楚如何跟踪 link 点击。我遇到了 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 分析 API 的最新实施。它不需要 Google 双击即可运行（但基于双击代码，因此如果您选择使用它，以后可以更轻松地集成）。

要使用此方法跟踪 link：

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

至于调试 - 这里有一个 Chrome 分析插件：

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

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

Answer 2

您的 google 分析脚本是正确的并且将其包含在头部中是正确的。

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

使用最新的 google 分析脚本时，事件跟踪将是 gtag。

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

最好的测试方法是登录您的 GA 帐户，在左侧报告菜单下的这个特定属性上，您会找到实时。在实时下，您有事件选项卡。

从您的网站点击您的 onClick 事件应该会触发一个事件显示在事件选项卡内，如果您看到这种情况，您就知道您的事件正在触发。这可以从本地 PC 进行测试。

这也可以通过跟踪代码管理器完成，但设置过程不同。

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

Google Analytics / Tag Manager - Event Tracking - I'm confused

html

javascript

google-analytics

google-tag-manager