vue单页应用中根据不同城市不同业务添加百度统计代码

问题描述:

我们知道一般的百度统计代码是添加在html的head里的;但是,因为目前项目是用vue开发的单页应用,所以在路由跳转之间不会刷新页面,

统计代码如果放在项目里的index.heml的head里,我们就只能统计到整个项目的入口流量,其它内页无法实现统计。而且目前项目需要根据

不同的业务和城市添加对应的统计代码;那么只能采取下面的方法:

 

实现方式:

1、封装一个全局变量文件,每个城市下面对应所有业务,每个业务对应一个方法里面放统计代码。

 

2、在项目入口文件里的methods内封装一个方法,方法内部根据当前页面的业务与城市,遍历全局变量里找出对应的统计代码;然后执行;

 

3、页面首次加载时调用该方法添加对应的统计代码:

 

4、当我们切换城市或者跳转路由时,url肯定会发生变化,所以我们需要监测url发成变化,再调用statisticsCode()   方法;我们就完成了城市或者业务变化添加对应的统计代码。

posted on 2019-08-02 16:20  -coco  阅读(147)  评论(0编辑  收藏  举报