欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  新闻

通过谷歌分析统计Infinite Ajax Scroll数据

程序员文章站 2022-04-02 10:10:14
  之前我介绍过Infinite Ajax Scroll这款jQuery滚动分页插件,该插件可以实现页面滚动到最底部,自动异步加载数据,提高网页浏览体验,不过,使用这个插件后,对数据统计会造成很大误差,这里就介绍一下如何避免数据统计上的误差。...

  之前我介绍过infinite ajax scroll这款jquery滚动分页插件,该插件可以实现页面滚动到最底部,自动异步加载数据,提高网页浏览体验,不过,使用这个插件后,对数据统计会造成很大误差,这里就介绍一下如何避免数据统计上的误差。

  使用infinite ajax scroll插件之后,由于大量页面是通过javascript进行加载,这使得网页的pv不准确,用户可能加载了很多页面,但统计代码只统计一个页面的pv,这会造成一种现象,网站部署infinite ajax scroll插件之后,会发现pv反而降低,跳出率大幅升高,单用户访问页面数量迅速下降,很多数据统计指标出现了大幅失真的情况,这个原因就是,通过javascript加载的页面没有被统计到。

通过谷歌分析统计Infinite Ajax Scroll数据

  如果用户使用的是(谷歌分析),默认情况下只会统计一次访问和一次浏览,用户通过插件访问的页面无法被统计到,下面就介绍一下如何让google analytics能够统计出infinite ajax scroll插件加载的页面。

  首先,按照“”一文所示,infinite ajax scroll需要增加的代码保存不变,在其后面再增加一些代码,代码如下:

ias.extension(new iasspinnerextension());
ias.on('pagechange', function(pagenum, scrolloffset, url) {
pathurl = jquery('<a/>').attr('href',url)[0].pathname.replace(/^[^\/]/,'/');
ga('create', 'ua-xxxxx-y', 'auto');
ga('send', 'pageview', pathurl);
history.pushstate(null,null,url);
});

  上面代码将会在每一次url地址变换时候加载,需要使用analytics.js格式的google analytics代码,老格式的google analytics代码请自行转换,ua需要换成用户自己的数字,倒数2、3行即可将页面加载统计进去,其中最后一行还可以在下滚的时候变更用户url为当前地址,不过网页不会刷新加载。

  经过增加上面的代码,用户就可以通过google analytics(谷歌分析)来统计出infinite ajax scroll插件加载的页面的pv数据了。

通过谷歌分析统计Infinite Ajax Scroll数据