vue项目接入友盟统计站点数据

无论是PC还是移动端的埋点,对于市场统计及可视化数据浏览是十分不可少的,但专门的埋点或是统计要么工作量大,要么难实现,使用友盟对于一些精确的数据我们是拿不到的,想做成图表等高级可视化还是建议您去埋点处理。

关于友盟的埋点其实也可以去看友盟文档,此仅作记录与参考。

以下是接入友盟统计过程:

1.登录友盟官网获取加入到项目中的链接:

如:<script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=您的ID"></script>

2.取到这个链接后,接入项目:

这里仅说明接入vue项目用法:

直接在APP.vue中添加以下代码即可,别忘了替换src

watch: {
      $route() {
        if (window._czc) {
          let location = window.location;
          let contentUrl = location.pathname + location.hash;
          let refererUrl = "/";
          window._czc.push(["_trackPageview", contentUrl, refererUrl]);
        }
      }
  },
  mounted () {
    // 友盟统计添加
    const script = document.createElement("script");
    script.src = "https://s9.cnzz.com/z_stat.php?id=您的ID";
    script.language = "JavaScript";
    document.body.appendChild(script);
  },

  

原文地址:https://www.cnblogs.com/yangc6925/p/14103042.html