首页 > > Google Analytics(分析)如何设置事件跟踪代码
2018
08-23

Google Analytics(分析)如何设置事件跟踪代码


用惯国内的网站统计分析工具,再搞搞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



注:

最新的AG统计代码是直接

  gtag('config', 'UA-你的谷歌GA的id');

这种结尾,上面的第二部,可以直接省略,直接把默认的统计代码放在页面上就行了。只要设置GA后台就可以了