美文网首页
VUE中友盟统计的使用方法

VUE中友盟统计的使用方法

作者: 不知荼 | 来源:发表于2020-06-23 15:24 被阅读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中,点击事件就会直接中断。
    
    
    
    

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

    相关文章

      网友评论

          本文标题:VUE中友盟统计的使用方法

          本文链接:https://www.haomeiwen.com/subject/khaazhtx.html