谷歌分析/跟踪代码管理器 - 事件跟踪 - 我很困惑答案

【问题标题】：Google Analytics / Tag Manager - Event Tracking - I'm confused谷歌分析/跟踪代码管理器 - 事件跟踪 - 我很困惑
【发布时间】：2018-06-29 12:46:20
【问题描述】：

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

<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 上本地运行网页时，我是否也可以测试它是否有效？谢谢

【问题讨论】：

根据我的经验，Google 跟踪代码管理器非常易于使用，并且可以完成此类事情，而无需您编写任何代码。我个人建议你看看它。

标签： javascript html google-analytics google-tag-manager

【解决方案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

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

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

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

【讨论】：

所以我应该用您提供的内容替换 javascript 函数中的 gtag 代码并忽略注册谷歌标签？事件是默认标签，所以不需要谷歌标签？
不要只用我提供的内容替换 trackOutboundLink 中的选项 1 和选项 2。即您的选项3不正确。我已更新答案以反映
好的，我正在尝试，但在我的 PC 上本地运行网站时，谷歌分析似乎没有发生任何事情（通过在 chrome 中打开 index.html 并单击链接）。我认为 'send_to' 参数也是可选的吧？
“基于双击代码” - 我有理由确定您的意思是“基于 Google 跟踪代码管理器代码（相同的 dataLayer 架构等）。

【解决方案2】：

你的谷歌分析脚本是正确的，在头脑中包含这个是正确的。

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

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

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

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

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

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

【讨论】：