友盟埋点

简单记录一下我在vue 单页面如何使用友盟埋点

一：因为vue是单页面，所以需要加上路由监听

app.vue
 // 统计处理
watch: {
    $route() {
      if (window._czc) {
          var urlTitle = "/淘宝app-" + document.title;
          var refererUrl = window.location.href;
          window._czc.push(["_trackPageview", urlTitle, refererUrl]);
      }
    },
  },

二： created方法执行 censusHandle()

    app.vue
    /**
     * 友盟统计初始化
     */
   censusHandle(){
      const script = document.createElement('script');
      // 动态切换站点
      switch (window.origin) {
         case 'http://localhost:3000':
         // 本地测试服
            script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894827&web_id=1275894827';
            break;
         case 'xxxx':
         // 线上测试服
            script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894827&web_id=1275894827';
            break;
         default:
         // 正式服
            script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894265&web_id=1275894265';
            break;
    }
    script.language = 'JavaScript';
    document.body.appendChild(script);
}

三