Vue 单页面添加百度统计或友盟统计

百度统计

在全局 router.beforeEach 里面执行

document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
let hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?******';
hm.id = 'baidu_tj'
let src = document.getElementsByTagName('script')[0];
src.parentNode.insertBefore(hm, src);

友盟统计

网上有差不多的答案，但我发现网上的答案没有记录到受访页面的 url，我经过观察友盟的文档和之前的代码，进行了一些矫正，成功记录了受访页面的 url，经过仔细测试后没有问题。

在 App.vue 入口添加

created() {
  // 有盟统计
  let script = document.createElement('script')

  script.src = 'https://s19.cnzz.com/z_stat.php?id=***&web_id=***'
  script.language = 'javascript'
  document.body.appendChild(script)
},
watch: {
  $route(to, from) {
    // 有盟统计
    if (window._czc) {
      let contentUrl = window.location.pathname + window.location.hash // 为需要统计PV的页面
      let refererUrl = window.location.origin + from.fullPath // 该受访页面的来源页URL地址

      window._czc.push(['_trackPageview', contentUrl, refererUrl])
    }
  }
}