[英]Tracking link clicks with google analytics?
我是 Google Analytics 的完全初学者,我需要知道如何设置它以便它可以跟踪我网站上的链接获得的点击次数?
例如我有一个链接:
<a href="https://google.com">link</a>
我知道我应该在某处放置一个onClick
事件,但我不知道它如何链接到 Google Analytics?
这是正确的 Onclick 代码:
onClick="_gaq.push(['_trackEvent', 'Link', 'Click', 'Banner Advert1']);"
您可能想要使用事件跟踪 - 这是一个简单的 Javascript 函数,可以从链接上的点击事件中触发。 您还需要确保您的页面上也有标准的谷歌跟踪脚本。
事件跟踪是 ga.js 跟踪代码中提供的一种方法,可用于记录用户与网站元素(例如 Flash 驱动的菜单系统)的交互。 这是通过将方法调用附加到您要跟踪的特定 UI 元素来实现的。 以这种方式使用时,此类元素上的所有用户活动都会计算并显示为 Analytics 报告界面中的事件。 此外,浏览量计算不受使用事件跟踪方法跟踪的用户活动的影响。 最后,事件跟踪采用面向对象的模型,您可以使用它来收集和分类与网页对象的不同类型的交互。
例子:
<a href="www.google.com" onclick="_gaq.push(['_trackEvent', 'Google Link', 'Action label', 'Additional info']);">link</a>
更新
以上是针对旧版本的 API - ga.js。 如果您使用较新的Universal 跟踪,请参阅文档。 有效地传递的数据与以前相同,但调用不同。
使用较新 API 进行事件跟踪的示例:
<a href="www.google.com" onclick="ga('send', 'event', 'Google Link', 'Action label', 'Action Value');">link</a>
请注意, _gaq.push(..)
指的是使用旧版经典分析网络跟踪(ga.js) 进行跟踪。 新标准Universal Analytics Web Tracking (analytics.js)使用不同的方法,例如:
ga('send', 'event', 'button', 'click', 'nav buttons', 4);
前两个选项不能更改,它们将带有命中类型event
的send
选项传递send
ga
函数。
接下来的两个选项也是必需的,最后两个是可选的。 他们代表:
button
(字符串 | 必需) :类别click
(字符串 | 必需) :操作nav buttons
(字符串 | 不需要) :标签4
(正整数 | 不需要) :值可以在以下位置找到更多信息: https : //developers.google.com/analytics/devguides/collection/analyticsjs/events
其他答案没有考虑到在页面更改之前请求可能无法完成,从而导致无法记录事件。
这就是在其他答案中发现的此解决方案的问题:
<a
href="http://example.com"
onclick="ga('send', 'event', {eventAction: 'click', eventCategory: 'Example'})"
>example</a>
Google Analytics 文档确实为此提供了解决方案:
跟踪出站链接和表单可能很棘手,因为一旦新页面开始加载,大多数浏览器将停止在当前页面上执行 JavaScript。 此问题的一种解决方案是将
transport
字段设置为beacon
beacon
传输允许将数据异步发送到服务器,即使在页面关闭后也是如此。
添加transport: 'beacon'
,像这样:
<a
href="http://example.com"
onclick="ga('send', 'event', {transport: 'beacon', eventAction: 'click', eventCategory: 'Example'})"
>example</a>
不幸的是,一些浏览器不支持信标,包括 IE 11 (caniuse) 。 要解决此问题,您可以取消页面导航,将请求发送到 Google Analytics,等待其完成,然后启动页面导航。 幸运的是,所有现代主流浏览器都支持它。
我在每个页面设置的页脚中使用它作为 Google 目标中的一个事件。
在成功页面之前用页面路径的 slug 交换寄存器。
<script>
window.addEventListener('load',function(){
if(window.location.pathname =="/register/" )
{
ga('send','event','register page','referrer',document.referrer)
}
});
</script>
然后在管理>目标中
这使您能够跟踪链接被点击的页面 URL,如果它导致成功完成目标。
转到“行为”>“事件”>“概述”以报告数据。
我看到其他答案指的是旧函数: ga()
。 如果您使用最新版本的 Google Analytics 跟踪,这将不起作用……
以下是使用最新 GA 版本gtag()
进行事件跟踪的示例:
<a href="http://example.com" onclick="gtag('event', 'click', {'event_category': 'Navbar button', 'event_label': 'Navbar blue Download button'});">Download</a>
上面的例子有以下选项:
Event
| 必需):无法更改click
”)Navbar button
”)Navbar blue Download button
”)更多详情: https : //developers.google.com/analytics/devguides/collection/gtagjs/migration#track_events
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.