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

问题描述

问 题

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>

解决方案

这两种方式压根就没啥区别, 友盟也不支持直接统计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])
   }
      },
   }

这篇关于vue.js - vue单页应用怎么引用友盟统计站点代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！