H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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])
    }
       },
    }

回答:

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

回答:

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

回答:

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

本文地址:H5W3 » vue单页应用怎么引用友盟统计站点代码?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址