代码之家 › 专栏 › 技术社区 › Steve W

谷歌分析/标签管理器-事件跟踪-我很困惑

google-tag-manager google-analytics html javascript

Steve W · 技术社区 · 6 年前

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

<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标签管理器? 我很难测试,因为系统管理员必须将我的网页和脚本部署到服务器上,而且目前响应不是很快。在我的电脑上本地运行网页时,我还可以测试这是否有效吗? 谢谢

2 回复 | 直到 6 年前

Squiggs. 6 年前

GTAG是Google针对Web的分析API的最新实现。它不需要谷歌双击功能(但基于双击代码,因此如果您选择使用它,以后可以更容易地集成)。

要使用此方法跟踪链接,请执行以下操作:

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);
}

有关此最新版本带来的差异(与您在Web上找到的其他代码相比),请参阅迁移指南。 https://developers.google.com/analytics/devguides/collection/gtagjs/migration

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

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

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

bomz 6 年前

你的google分析脚本是正确的,并且在头部包含这个是正确的。

 <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进行测试。

这也可以通过标记管理器完成,但它是一个不同的设置过程。