vue中使用友盟统计，统计到每个路由

最新推荐文章于 2025-07-12 23:44:03 发布

dakache11

最新推荐文章于 2025-07-12 23:44:03 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：原创前端 vue 文章标签： vue 数据统计

本文链接：https://blog.youkuaiyun.com/dakache11/article/details/88075508

原创同时被 3 个专栏收录

8 篇文章

订阅专栏

vue

4 篇文章

订阅专栏

前端

3 篇文章

订阅专栏

本文介绍如何在Vue项目中集成友盟统计代码，通过在app.vue中添加特定的mounted钩子和watch监听器，实现页面访问的自动追踪，为网站运营提供数据支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

只需在app.vue中加上此段代码

mounted(){
      const script = document.createElement('script');
      script.src = 'https://s65.cnzz.com/z_stat.php?id=1275785147&web_id=1275785147';//友盟中的代码
      script.language = 'JavaScript';
      document.body.appendChild(script);

    },
    watch: {
      '$route' () {
        if (window._czc) {
          // window._czc.push(["_setAutoPageview", false]);
          let location = window.location;//路由变化
          let contentUrl = location.hash;//自定义当前url，可带上路由以此区分每个页面
          // console.log(contentUrl);
          let refererUrl = '/';
          window._czc.push(["_setAutoPageview", false]);
          window._czc.push(["_trackPageview", contentUrl, refererUrl])

        }

      }