VUE中友盟统计的使用方法

2020-06-23  本文已影响0人  不知荼

写在前面~
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中,点击事件就会直接中断。



大概这个样子~
存个记录~
溜了~
~~

上一篇下一篇

猜你喜欢

热点阅读