V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
firhome
V2EX  ›  程序员

请教一下大佬们,单页应用前端埋点方案。

  •  
  •   firhome · 2019-12-16 16:05:59 +08:00 · 2620 次点击
    这是一个创建于 1815 天前的主题,其中的信息可能已经有所发展或是发生改变。
    请教一下各位使用 vue , react 项目的大佬们 你们用埋点什么样的方案?

    我先说一下 我目前的方案。

    日志埋点 直接看 服务器日志。

    业务上的埋点:

    在 单页应用 router 和 axios 请求的拦截器里,分别调用了埋点的方法


    这样 router 当前地址我知道(包括 进入前 进入后的 router ), 在当前 router 请求 哪些接口我也知道。

    我通过这样的方法 拼接 出 a router 进入 brouter 请求了 xxx 接口。然后传递给埋点的服务器以此来记录一些统计数据。

    不知道这样是否有什么问题? 请问一下大家的方案呢?

    没有采用绑定在 按钮上的方式, 是因为觉得 反正点按钮 无非是加载数据 or 跳转路由,我都能抓到 并且拼接出来。所以就直接在 router 和 axios 里做了拦截。
    3 条回复    2019-12-16 16:41:15 +08:00
    wangyzj
        1
    wangyzj  
       2019-12-16 16:32:32 +08:00
    我也就知道 router before 和 after
    axios 请求拦截
    再就是 catch err 然后发回?
    其他的等大佬来教学
    onfuns
        2
    onfuns  
       2019-12-16 16:39:22 +08:00
    如果是页面访问这些,那就在 router 改变时将统计信息存在本地,如果不考虑兼容性可以存在 IndexedDB 里,然后定时去提交请求,避免频繁请求影响性能,浏览器端的各种错误信息也能通过这种方式存储。
    Zach369
        3
    Zach369  
       2019-12-16 16:41:15 +08:00
    matomo 了解下... 还不错.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5969 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:14 · PVG 10:14 · LAX 18:14 · JFK 21:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.