zoukankan      html  css  js  c++  java
  • 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);
      },
    

      

  • 相关阅读:
    nginx基本命令
    一堆LCT板子
    17?17!
    ……妈妈我会写维修数列了!
    bzoj3744 Gty的妹子序列
    Noip2016 总结&反思
    bzoj4025 二分图
    [SHOI2008]堵塞的交通traffic
    bzoj4237 稻草人
    BestCoder Round #90
  • 原文地址:https://www.cnblogs.com/yangc6925/p/14103042.html
Copyright © 2011-2022 走看看