Google Analytics(分析)/标记管理器-事件跟踪-我很困惑

时间:2018-06-29 12:46:21

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

我正在开发一个网页,并被要求检测后端以记录用户对链接的点击。我找到了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上本地运行网页时,我还可以测试这种方法是否有效吗? 谢谢

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

这也可以使用跟踪代码管理器来完成,但是其设置过程有所不同。