Vue中使用友盟CNZZ事件统计

1、在app.vue中进行引入

created() {
	let CNZZ_ID = "CNZZ_ID ";
    // 创建cnzz统计js
    const script = document.createElement("script");
    script.src = `https://s95.cnzz.com/z_stat.php?id=${CNZZ_ID }&web_id=${CNZZ_ID }`;
    script.language = "JavaScript";
    document.body.appendChild(script);
},
watch: {
    $route: {
      handler(to, from) {
        setTimeout(() => {
          //避免首次获取不到window._czc
          if (window._czc) {
            let location = window.location;
            let contentUrl = location.pathname + location.hash;
            let refererUrl = "/";
            // 用于发送某个URL的PV统计请求，
            window._czc.push(["_trackPageview", contentUrl, refererUrl]);
          }
        }, 300);
      },
      immediate: true, // 首次进入页面即执行
    },
  },

2、注册全局方法方便使用

//CNZZ_trackEvent统计
Vue.prototype.$cnzz_Event = (action,label) => {
    if (window._czc) {
        window._czc.push(["_trackEvent", action, label]);
        console.log(window._czc);
    }
}

3、使用

this.$cnzz_Event(“开学季活动-按钮点击”, “用户点击一元试读”);