use*_*726 37 javascript google-analytics
我是Google Analytics的初学者,我需要知道如何设置它以便它可以跟踪我网站上的链接获得的点击次数?
例如,我有一个链接:
<a href="https://google.com">link</a>
Run Code Online (Sandbox Code Playgroud)
我知道我应该onClick在某个地方举办活动,但我不知道它是如何链接到Google Analytics的?
这是正确的Onclick代码:
onClick="_gaq.push(['_trackEvent', 'Link', 'Click', 'Banner Advert1']);"
Run Code Online (Sandbox Code Playgroud)
gee*_*ubb 38
您可能希望使用事件跟踪 - 这是一个简单的Javascript函数,可以从链接上的click事件触发.您还需要确保页面上还有标准的Google跟踪脚本.
事件跟踪是ga.js跟踪代码中提供的一种方法,可用于记录用户与网站元素的交互,例如Flash驱动的菜单系统.这是通过将方法调用附加到要跟踪的特定UI元素来实现的.以这种方式使用时,将计算此类元素的所有用户活动,并在Analytics报告界面中显示为事件.此外,网页浏览计算不受使用事件跟踪方法跟踪的用户活动的影响.最后,事件跟踪采用面向对象的模型,您可以使用它来收集和分类与您的网页对象的不同类型的交互.
例:
<a href="www.google.com" onclick="_gaq.push(['_trackEvent', 'Google Link', 'Action label', 'Additional info']);">link</a>
Run Code Online (Sandbox Code Playgroud)
UPDATE
以上是适用于旧版本的API - ga.js. 如果您使用的是较新的通用跟踪,请参阅文档.有效地传递的数据与之前相同,但是呼叫是不同的.
使用较新的API进行事件跟踪的示例:
<a href="www.google.com" onclick="ga('send', 'event', 'Google Link', 'Action label', 'Action Value');">link</a>
Run Code Online (Sandbox Code Playgroud)
Anu*_*sco 29
请注意,这_gaq.push(..)是指使用旧版经典分析网络跟踪 (ga.js)进行跟踪.新标准Universal Analytics Web Tracking (analytics.js)使用不同的方法,例如:
ga('send', 'event', 'button', 'click', 'nav buttons', 4);
前两个选项无法更改,它们将send命中类型的选项传递event给ga函数.
接下来的两个选项也是必需的,后两个是可选的.他们代表:
button (字符串|必填):类别click (字符串|必填):动作nav buttons (字符串|不是必需的):标签4 (正整数|不需要):值有关详细信息,请访问:https://developers.google.com/analytics/devguides/collection/analyticsjs/events
Fli*_*imm 18
其他答案没有考虑到在页面更改之前请求可能无法完成,导致事件不被记录.
这是其他答案中找到的解决方案的问题:
<a
href="http://example.com"
onclick="ga('send', 'event', {eventAction: 'click', eventCategory: 'Example'})"
>example</a>
Run Code Online (Sandbox Code Playgroud)
Google Analytics文档确实为此提供了解决方案:
跟踪出站链接和表单可能很棘手,因为一旦新页面开始加载,大多数浏览器将停止在当前页面上执行JavaScript.此问题的一个解决方案是将
transport字段设置为beacon.
beacon像这样添加:
<a
href="http://example.com"
onclick="ga('send', 'event', {transport: 'beacon', eventAction: 'click', eventCategory: 'Example'})"
>example</a>
Run Code Online (Sandbox Code Playgroud)
不幸的是,一些旧的浏览器不支持信标.要解决此问题,您可以取消页面导航,将请求发送到Google Analytics,等待其完成,然后启动页面导航.幸运的是,所有现代主流浏览器都支持它.
我在每个页面设置的页脚中使用它作为Google Goals中的事件.
在成功页面之前使用slug交换寄存器以获取页面路径.
<script>
window.addEventListener('load',function(){
if(window.location.pathname =="/register/" )
{
ga('send','event','register page','referrer',document.referrer)
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
然后在管理员>目标中
这使您可以跟踪链接被点击的页面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>
Run Code Online (Sandbox Code Playgroud)
上面的例子有以下选项:
Event| 必需): 无法更改click”)Navbar button”)Navbar blue Download button')更多详情:https : //developers.google.com/analytics/devguides/collection/gtagjs/migration#track_events