美文网首页
vue项目中添加cnzz统计

vue项目中添加cnzz统计

作者: BULL_DEBUG | 来源:发表于2018-11-20 11:36 被阅读75次

    App.vue中添加如下代码:

    export default {
      name: 'App',
      mounted() {  
         // 创建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  // 首次进入页面即执行
        }  
      }
    }
    </script>
    

    相关文章

      网友评论

          本文标题:vue项目中添加cnzz统计

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