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

  • A+
所属分类:网站技术

用惯国内的网站统计分析工具,再搞搞Google Analytics(分析),发现真的有点“水土不服”,就后台的分类和用户体验就让人有点蛋疼。

最近搞了下Google Analytics(分析)的事件跟踪,不得不说,比国内的工具(如百度统计)功能要强悍很多,当然使用起来也复杂很多,不像百度统计,跟踪页面的点击事件,只要要设置好id就够了,谷歌就没这么好弄啦,废话少说,下面是具体步骤。

本文就以最简单的设置页面点击事件跟踪为例。

一、在要跟踪的a标签上设置

  1. <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标签里面添加代码:

  1. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  2. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  3. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  4. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  5. ga('create', '你的谷歌分析的id', 'auto');
  6. ga('send', 'pageview');
  7. var zixianzixun = function(url) {
  8. var redirectTriggered = false;
  9. ga('send', 'event', 'link', 'click', url, {'hitCallback':
  10. function() {
  11. redirectTriggered = true;
  12. document.location = url;
  13. }
  14. });
  15. setTimeout(function() {
  16. if (!redirectTriggered) {
  17. document.location = url;
  18. }
  19. }, 1500);
  20. }

三、Google Analytics(分析)后台设置跟踪目标

打开后台,“转化”-“目标”,如果第一次设置会直接提示你新增

在“目标详细信息”填入对应的参数。然后确认

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

设置好后,上传页面,更新前端页面,自己点击你记下你要测试的位置,然后到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

图片引用自网络