如何轻松统计单页应用?本期内容带您找到答案

相较传统多页网站而言,页面切换更快、用户体验更佳、对服务器压力更小的单页应用(SPA)受到越来越多开发者的青睐。但对单页面应用而言,页面的更新是通过JavaScript更新页面内容,不同于传统网站在切换页面时,因为路径的变化,每次加载页面都会重新运行一次对应页面内的代码,因此在对单页应用进行流量统计时,怎样确保在浏览不同的内容时也能准确发出相应的统计请求,一直是我们在探讨的话题。


百度统计全新上线单页应用数据统计功能,基于History API可自动为单页应用记录页面PV日志,自此避免开发者繁复的手动埋点操作,轻松统计单页应用。


使用方法


在百度统计>管理>单页应用设置中,打开开启按钮即可对SPA进行统计。

图片.png

注意:只支持History API,不支持hashchange;开启后,需要确保自己的站点中已经移除了其他跟踪代码(例如_trackPageview)以免发送重复日志。


除此之外,百度统计还提供了插件的调用方法来支持更加丰富的统计功能。


UrlChangeTracker


UrlChangeTracker是用来监听SPA路由变化并自动发送pv日志的插件,仅支持History API,不支持hashchange。


使用示例:

query string相同的url不发送pv日志

var _hmt = _hmt || [];


_hmt.push('_requirePlugin', 'UrlChangeTracker', {

    shouldTrackUrlChange: function (newPath, oldPath) {

        newPath = newPath.split('?')[0];

        oldPath = oldPath.split('?')[0];

        return newPath != oldPath;

    }

});

更多关于单页应用的统计说明,欢迎点击 更多 了解,也可直接在百度统计中体验哦!