zoukankan      html  css  js  c++  java
  • vue单页应用中根据不同城市不同业务添加百度统计代码

    问题描述:

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

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

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

     

    实现方式:

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

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

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

     

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

  • 相关阅读:
    php基础的一点注意事项
    每天学习一点点--word-break和word-wrap用法和区别
    line-height的一点粗浅认识
    图片的无缝滚动效果
    CSS篇章
    redis 3.0 集群__数据迁移和伸缩容
    redis 3.0 集群__使用
    官方教程文档地址
    redis 3.0 集群__安装
    java 泛型的使用
  • 原文地址:https://www.cnblogs.com/maxiansheng/p/11303162.html
Copyright © 2011-2022 走看看