react,react-router單頁(yè)面網(wǎng)站，cnzz/友盟統(tǒng)計(jì)怎么做？

目前的做法：

直接把統(tǒng)計(jì)代碼放在index.html里面；
問(wèn)題：不能統(tǒng)計(jì)到路由跳轉(zhuǎn)過(guò)程中的url;

<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_1258575107'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.#/stat.php%3Fid%3D1258575107' type='text/javascript'%3E%3C/script%3E"));</script>

vue的寫(xiě)法

網(wǎng)上找到一個(gè)關(guān)于vue的cnzz統(tǒng)計(jì)的代碼寫(xiě)法，求react項(xiàng)目怎么寫(xiě)比較好？

<template>  
  <router-view></router-view>  
</template>  
  
<script>  
export default {  
  name: 'app',  
  mounted () {  
    const script = document.createElement('script')  
    script.src = 'https://s95.#/z_stat.php?id=1111111111&web_id=1111111111'  
    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])  
      }  
    }  
  }  
}  
</script>