问题描述:
我们知道一般的百度统计代码是添加在html的head里的;但是,因为目前项目是用vue开发的单页应用,所以在路由跳转之间不会刷新页面,
统计代码如果放在项目里的index.heml的head里,我们就只能统计到整个项目的入口流量,其它内页无法实现统计。而且目前项目需要根据
不同的业务和城市添加对应的统计代码;那么只能采取下面的方法:
实现方式:
1、封装一个全局变量文件,每个城市下面对应所有业务,每个业务对应一个方法里面放统计代码。
2、在项目入口文件里的methods内封装一个方法,方法内部根据当前页面的业务与城市,遍历全局变量里找出对应的统计代码;然后执行;
3、页面首次加载时调用该方法添加对应的统计代码:
4、当我们切换城市或者跳转路由时,url肯定会发生变化,所以我们需要监测url发成变化,再调用statisticsCode() 方法;我们就完成了城市或者业务变化添加对应的统计代码。