前端埋点学习

目前现有的埋点方案有命令式埋点、声明式埋点、可视化埋点、无痕埋点

  • 命令式埋点是用比较常见的方式,在用户产生行为的地方使用js方法进行数据上报,优点是埋点方式比较简单,缺点是与业务耦合度较高,例如(百度统计,友盟统计)
  • **声明式埋点(无痕埋点)**是在具体DOM元素上进行数据绑定,只需组件开发人员在sdk上制定埋点方案,业务开发人员设置数据即可,优点是埋点代码与具体的交互和业务逻辑解耦
  • 可视化埋点 是通过可视化工具配置埋点,需要另外配套一个平台控制埋点的埋入,优点是自动生成埋点代码嵌入到页面中,减轻业务开发人员的埋点负担,目前做得好得例如Mixpanel
  • 无埋点 是前端自动采集全部事件,上报埋点数据,由后端来过滤和计算出有用的数据,优点是完全无需业务参与,完全与业务解耦,目前比较流行的例如GrowingIO

(命令式埋点) 友盟统计:

本平台的API,依赖于CNZZ统计的JS统计代码,在页面上部署了JS统计代码和API之后,可以收集到更多自定义流量数据,如:

•异步加载页面(不刷新)的流量、文件下载量。(虚拟PV跟踪

•页面上按钮(如收藏、关注、转发、展开、收起)的使用情况。(事件跟踪

•网站的登录访客、会员访客流量。(自定义访客种类

|---------|------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 功能 | CNZZ开放计算平台 提供的报表 | 产生报表 | U-Web添加步骤 |
| 虚拟PV跟踪 | 无独立报表 ,流量记录在全站流量中。 虚拟页面产生的流量可以在"受访页面"等与受访相关的功能报告中进行查看。 虚拟页面的来源页面产生的流量可以在"来源页面"等与来源相关的功能报告中进行查看。 | 1.虚拟受访页面的流量(虚拟PV)会记录到全站流量中,在"趋势分析"功能中显示的浏览次数PV、独立访客UV等数据中,都会包括此部分流量。 2. 在"受访页面"、"访问明细"等功能中看到虚拟受访页面的URL及相关统计数据。 3. 在页面访问轨迹中,可以将虚拟受访页面作为"观察焦点页面",查看虚拟页面的来源页面和去向页面。 (说明:"路径分析"仅限全景用户。全景用户:企业级别一个公司多个子账号)目标指访客完成您期望的业务,如"购买商品"后,最终进入的页面。"转化路径分析"允许您设定目标及到达目标前的步骤页面,然后分析出每一步骤的转化(成功流向下一步)与流失(离开路径)情况。http://help.cnzz.com/support/baobiaojiedu/zhuanhualujingfenxi/lujingfen/2013/0907/107.html 4. 如果设置了虚拟PV页面的"来源URL",与来源统计相关CNZZ统计功能均可以产生相应的来源结果。 | https://developer.umeng.com/docs/67963/detail/68609 功能简单描述: 1. 添加站点-为站点添加子域名 2. 将此站点生成的标准代码添加到SPA - index.html; 方可开启虚拟PV跟踪 3. 完成此操作,添加代码量少,复杂程度底 |
| 事件跟踪 | 在"开放计算平台"系列报表中,提供"事件分析"等报表,包括4个报告 。 您可以查看事件、事件组类、事件发生页、事件明细 。 并在"用户视点"中提供"事件视点"功能(目前暂时仅能在"全景统计"产品中进行查看)。 | 供提供四个子功能报表: 1)事件(每个事件的统计); 2)事件类别、事件操作、事件标签(每类事件的统计); 3)发生页面; 4)事件明细。 | https://open.cnzz.com/a/new/trackevent/#report 功能简单描述: 1. 添加特定代码 2. 为每一个事件,添加统计功能,会造成与业务代码强耦合 |
| 自定义访客种类 | 在"开放计算平台"系列报表中, **提供"自定义访客种类"报表。**并包含"访客种类"、"访客值"两组功能选项卡。 | 在统计报告中,左侧菜单"开放计算平台"系列报表之中的"自定义访客"报告,用来展现自定义访客的浏览数据报告。 报告会按照您自定义的访客种类、访客值给出每种访客的浏览次数(PV)、独立访客、访问次数、跳出率等数据。 | |

相关推荐
羑悻的小杀马特6 小时前
告别内网限制!用StirlingPDF+cpolar打造可远程访问的PDF工具站
pdf·cpolar·1024程序员节·stirlingpdf
鸽鸽程序猿6 小时前
【算法】【动态规划】斐波那契数模型
算法·动态规划·1024程序员节
就是ping不通的蛋黄派6 小时前
CentOS7 部署主从复制MariaDB数据库
网络·1024程序员节
独行soc6 小时前
2025年渗透测试面试题总结-215(题目+回答)
网络·安全·web安全·adb·渗透测试·1024程序员节·安全狮
暖阳之下6 小时前
学习周报十九
学习·多模态·1024程序员节
幻世界6 小时前
【Unity开发小技巧】安卓ADB环境配置
1024程序员节
☆璇6 小时前
【Linux】应用层协议HTTP
网络·网络协议·http·1024程序员节
没有故事、有酒6 小时前
el-table选中行颜色
1024程序员节
Z_B_L7 小时前
问题记录--elementui中el-form初始化表单resetFields()方法使用时出现的问题
前端·javascript·vue.js·elementui·1024程序员节