点击上方“IT平头哥联盟”，选择“置顶或者星标”

与你一起成长～

本文转载自掘金专栏，作者 呆恋小喵

埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的 来源，检验功能是否达预期的 佐证。前端较服务端更接近用户，本小白将在此对前端埋点统计方案述说一二。

采集埋点数据可做如下分析（以百度统计为例）：

将 用户属性、用户行为 转化各类可视化图表：

不同产品对数据的关注角度不同，可按需采集。如信息流产品对停留时长的关注度更高（统计页面访问 & 跳出时间），商城类较注重“复购率”（统计新老用户），广告类更追求最大限度。

埋点统计通常分两类：

• 页面访问量统计

• 功能点击量统计

  
  

页面访问量统计

页面访问量统计通常分两类：

• PV：页面访问人次

• UV：页面访问人数

  
  

页面访问量，并非仅仅取决于其内容吸引力，影响因素包含入口 外观、位置、深度 等等（在此不考虑刚需）。入口外观属 UI 设计范畴，入口位置可通过分析用户点击热力图调整，入口深度可通过分析用户访问路径调整。

用户点击 热力图 形如：

将核心页面入口置于热力图红色区域？

采集页面加载 from、to 以获知用户访问路径：

分析可知用户普遍 访问深度、每一深度 & 每一页面的 流失率 等，依照结果调整核心页面入口源、入口深度？

页面访问量，也并非仅仅取决于产品设计。假若 PV 稳定的页面访问量 爆跌，便需考虑其加载成功率了（或许是枚技术 bug）。

前端如何实现全局 PV 统计，以 Vue 应用为例。

方案一

通过在入口文件 index.js 全局定义 Router.beforeEach：

import App from './app'
import Router from './router'

Router.beforeEach((to, from, next) => {
    App.logEvent({
        type: 'visit',
        name: to