惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
Y
Y Combinator Blog
月光博客
月光博客
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - 三生石上(FineUI控件)
S
SegmentFault 最新的问题
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
雷峰网
雷峰网
酷 壳 – CoolShell
酷 壳 – CoolShell
Last Week in AI
Last Week in AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
有赞技术团队
有赞技术团队
博客园 - 司徒正美
V
Visual Studio Blog
小众软件
小众软件
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
T
Tailwind CSS Blog
Apple Machine Learning Research
Apple Machine Learning Research
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
A
About on SuperTechFans
The Cloudflare Blog

月光博客

AI编程从零开始:环境配置到开发调试-月光博客 母亲被保健品诈骗-月光博客 向身体低头,向岁月妥协:我的高血压“还债日记” -月光博客 月光博客电子书:《信息安全指南》 谷歌发布2025年度搜索排行榜 中国2025社会热点大事记 2025年十大流行语发布 7天3次,骗子骗走我母亲95万元 “技术男”设三重安全墙,母亲95万存款还是被骗走了 电信诈骗后的复盘:母亲的95万元,是怎么从手机银行里消失的 母亲被电信诈骗95万元的全过程 阿根廷警察被谷歌街景相机拍到裸照 网信办开展“清朗·整治恶意挑动负面情绪问题”专项行动 翟欣欣敲诈勒索案一审获刑12年 《绝命毒师》影评:力工觉醒后的梭哈至死 《人工智能生成合成内容标识办法》正式施行 用AI分析你的财务信息 腾讯子公司实习HR怒怼求职者后被开除 OpenAI发布最强模型GPT-5,免费向所有用户开放 用AI解构你的日记 用AI分析你的游戏偏好 用AI分析你的观影偏好 用AI分析你的听歌偏好 《白鹿原》人物分析:乱世浮沉中的人性剖析 乌托邦的捷径:让AI治理“失败国家” 苹果AI的“路径错误”:为什么它在大模型时代掉队了? 《暗黑破坏神3》第35赛季开荒指南 我对特朗普的看法 欧·亨利十大经典小说鉴赏 HBO电视剧《最后生还者》第二季影评
通过谷歌分析统计Infinite Ajax Scroll数据
月光 · 2021-10-24 · via 月光博客

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

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

Infinite Ajax Scroll

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

首先,按照“使用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数据