VUE中友盟统计的使用方法

1.在项目中使用友盟统计，查过资料，看过同行写的各种方法，以下为，成功统计到数据的示例。
2.在友盟统计中要查看自己的统计数据，首先添加自己的站点，填写网站名称和网站域名。如果统计数据生效之后，点击查看报表就可以看到统计的数据了。也可以点击事件统计，查看相对应的点击数据统计。

 

//在vue项目中的App.vue中添加公共的方法，这样只需要引入一次，其他页面只需要使用即可
mounted(){
        // 友盟统计添加
        const script = document.createElement("script");
        script.src =
          "https://s4.cnzz.com/z_stat.php?id=1111111&web_id=1111111";   //该路径为点击统计代码后，页面中第一个 文字统计 script代码
        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]);
        }
      }
},


//再之后就是在每个页面的方法执行后写上
window._czc.push(['_trackEvent', '点击', '该事件执行的内容']);
//这个方法一定要在方法执行代码下面执行，不然在ios中，点击事件就会直接中断。