vue单页应用怎么引用友盟统计站点代码？

Question

1.使用的vue-cli构建的项目，使用友盟站点统计工具，统计某一个页面的访问量

2.使用友盟提供的以下两种方式的一种，第一种打开任意页面都会加入统计，第二种不会。。。

    1.
<script type="text/javascript">
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cspan id='cnzz_stat_icon_123'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1261659366' type='text/javascript'%3E%3C/script%3E"));
</script>

    2.
<script src="https://s4.cnzz.com/z_stat.php?id=123&web_id=123" language="JavaScript"></script>

Answer 1

这两种方式压根就没啥区别, 友盟也不支持直接统计spa, 要统计spa, 必须自己根据友盟提供的api, 自己发请求

1. 在模板页面添加统计代码

2. 在vue根组件添加:

   watch: {
      '$route'() {
   if (_czc) {
      var location = window.location
      var content_url = location.pathname + location.hash
      var referer_url = '/'
      _czc.push(['_trackPageview', content_url, referer_url])
   }
      },
   }

Answer 2

我使用的方式是直接放在index.html入口文件中，可以统计到每个路由的访问次数

Answer 3

那就用第一种.
第二种你是怎么引用的

Answer 4

请问下第一种有效果没，统计每个页面的，我现在需要加友盟统计，每个页面都要统计