vue中移动端网页 H5网站 添加到 友盟 cnzz的方法

cnzz官网有很详细的教程,注册账号等.这里就不阐述这些流程了.主要说一下添加代码部分;整个流程也就4步.注册号账号后,根据官网的流程添加网站信息.完成后复制代码添加到项目中就可以了.

https://web.umeng.com/main.php?spm=a211g2.181323.0.0.3cb23604g8CF7N&c=user&a=index

这里只说一下在vue中添加cnzz的方式.因为我们的项目是vue的.需要把代码添加到app.vue中;具体代码如下: 

<script>
export default {
  name: "App",
  mounted() {
    // 友盟统计添加
    const script = document.createElement("script");
    script.src =
      "https://s95.cnzz.com/z_stat.php?id=1275655609&web_id=1275655609";
    script.language = "JavaScript";
    document.body.appendChild(script);
  },
  watch: {
    $route() {
      if (window._czc) {
        let location = window.location;
        let contentUrl = location.pathname + location.hash;
        let refererUrl = "/";
        window._czc.push(["_trackPageview", contentUrl, refererUrl]);
      }
    }
  }
}
</script>

这个代码中除了id都可以通用.你如果要复制我的代码.那需要把id替换成你们自己的网站生成的id.就是这个

 "https://s95.cnzz.com/z_stat.php?id=1275655609&web_id=1275655609";

id替换成你们自己的网站后,过一会儿就可以看到统计的数据了.