- A+
用惯国内的网站统计分析工具,再搞搞Google Analytics(分析),发现真的有点“水土不服”,就后台的分类和用户体验就让人有点蛋疼。
最近搞了下Google Analytics(分析)的事件跟踪,不得不说,比国内的工具(如百度统计)功能要强悍很多,当然使用起来也复杂很多,不像百度统计,跟踪页面的点击事件,只要要设置好id就够了,谷歌就没这么好弄啦,废话少说,下面是具体步骤。
本文就以最简单的设置页面点击事件跟踪为例。
一、在要跟踪的a标签上设置
- <a href="skype:jepowertech?chat" id="jbskype" target="_blank" class="im-qq qq-a" title="Skype us" onclick="zixianzixun('skype:jepowertech?chat'); return false;">
这里设置的是跟踪点击skype在线咨询的按钮
二、页头添加设置跟踪代码
在head标签里面添加代码:
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
- ga('create', '你的谷歌分析的id', 'auto');
- ga('send', 'pageview');
- var zixianzixun = function(url) {
- var redirectTriggered = false;
- ga('send', 'event', 'link', 'click', url, {'hitCallback':
- function() {
- redirectTriggered = true;
- document.location = url;
- }
- });
- setTimeout(function() {
- if (!redirectTriggered) {
- document.location = url;
- }
- }, 1500);
- }
三、Google Analytics(分析)后台设置跟踪目标
打开后台,“转化”-“目标”,如果第一次设置会直接提示你新增
在“目标详细信息”填入对应的参数。然后确认
设置好后,上传页面,更新前端页面,自己点击你记下你要测试的位置,然后到Google Analytics(分析)后台查看 实时转化数据就可以看到了。
写得不够详细,当时也看了很多个页面综合起来才成功设置好的事件跟踪代码。
详细参加页面请见:
https://developers.google.com/analytics/devguides/collection/analyticsjs/events?hl=zh-cn (官方文档,个人建议从头到尾,把它的基本原理先摸清楚)
其它博主案例:
https://blog.csdn.net/adparking/article/details/8081128
http://www.renfei.org/blog/google-analytics-event-tracking-guidelines.html
http://www.renfei.org/blog/google-analytics-event-tracking-for-links.html