埋点简介
所谓埋点就是在应⽤中特定的流程收集⼀些信息，⽤来跟踪应⽤使⽤的状况，后续⽤来进⼀步优化产品或是提供运营的数据⽀撑，包括访问数（Visits），访客数（Visitor），停留时长（Time On Site），页⾯浏览数（Page Views）和跳出率（Bounce Rate）。这样的信息收集可以⼤致分为两种：页⾯统计（track this virtual page view），统计操作⾏为（track this button by an event）。 埋点分类
页⾯埋点：统计⽤户进⼊或离开页⾯的各种维度信息，如页⾯浏览次数（PV）、浏览页⾯⼈数（UV）、页⾯停留时间、浏览器信息等。
点击埋点：统计⽤户在应⽤内的每⼀次点击事件，如新闻的浏览次数、⽂件下载的次数、推荐商品的命中次数等。
FCI曝光埋点：统计具体区域是否被⽤户浏览到，如活动的引流⼊⼝的显⽰、投放⼴告的显⽰等。
前端埋点实现⽅式
⼿动埋点：⾃⼰公司研发在产品中注⼊代码统计，并搭建起相应的后台查询。
第三⽅统计⼯具埋点：第三⽅统计⼯具，如友盟、神策、Talkingdata、GrowingIO等。
⼿动埋点
⼿动埋点也叫代码埋点，他的本质其实就是⽤js代码拿到⼀些基本信息，然后在⼀些特定的位置返回给服务端，这时候我们可以借助⼀些js 的api获取⼀些帮助我们埋点的数据
3d打印赵州桥浏览器数据：
document.domainURLdocument.URL //获取当前页⾯域名 document.title //获取当前页⾯标题
window.screen.height && window.screen.width //获取屏幕分辨率
lorDepth //颜⾊深度
navigator.language //客户端语⾔
性能解析数据：
通过Performance 我们便能拿到DNS 解析时间、TCP 建⽴连接时间、⾸页⽩屏时间、DOM 渲染完成时间、页⾯ load 时间等
//拿到Performance并且初始化⼀些参数
let timing = performance.timing,
start = timing.navigationStart,
dnsTime = 0,
tcpTime = 0,
保加利亚乳杆菌firstPaintTime = 0,
domRenderTime = 0,
loadTime = 0;
//根据提供的api和属性，拿到对应的时间
dnsTime = timing.domainLookupEnd - timing.domainLookupStart;
tcpTime = tEnd - tStart;
firstPaintTime = sponseStart - start;
domRenderTime = timing.domContentLoadedEventEnd - start;
loadTime = timing.loadEventEnd - start;
// dnsTime：DNS解析时间
// tcpTime：TCP建⽴时间
// firstPaintTime：⾸屏时间
// domRenderTime：dom渲染时间
// loadTime：页⾯onload时间
埋点事件
//有了以上这些数据的⽀持，我们就可以结合页⾯的操作，或者页⾯的加载等事件，结合业务场景
/
/去做数据埋点了
<div @click="baseAppoint"></div>
//页⾯埋点
mounted(){
调⽤uv/pv接⼝()
},
//点击埋点
baseAppoint(){
调⽤点击事件埋点接⼝()
}
这种埋点⽅式虽然能精准的监控到⽤户的⾏为，和⽹页性能等数据，但是你会发现，⾮常繁琐，需要
⼤量的⼯作量，当然这部分⼯作也有⼈帮我们做了，⽐如像友盟、百度统计等给我们其实提供了服务。我们可以按照他们的流程进⾏埋点
第三⽅统计埋点（以⼩程序+友盟为例）
⼩程序友盟SDK集成
金浩振1. 注册友盟+账号
登录官⽹，按照引导注册友盟+账号。
特别提醒：我们建议开发者在注册账号时使⽤，避免使⽤个⼈邮箱注册，防⽌由于
个⼈离职带来的问题，建议使⽤的账号形式 ：umeng@企业域名、apps@企业域名、dev@2012中国肿瘤登记年报
企业域名
2. Appkey申请
进⼊创建Appkey，按要求填写⼩程序名称及类型：
3. 创建⼩程序并接⼊SDK
3.1 安装SDK
可利霉素可以使⽤npm安装或SDK包下载⽅式；下载地址查看⽂档：
⾸次集成推荐使⽤正式版SDK
3.2 集成
在main.js ⽂件的顶部添加以下JS代码，即可进⾏基础指标的统计：
import uma from 'umtrack-wx';
uma.init({
appKey: '614b0b1716b6c75de06cd8eb', //由友盟分配的APP_KEY
// 使⽤Openid进⾏统计，此项为false时将使⽤友盟+uuid进⾏⽤户统计。
// 使⽤Openid来统计⼩程序的⽤户，会使统计的指标更为准确，对系统准确性要求⾼的应⽤推荐使⽤Openid。 useOpenid: true,
// 使⽤openid进⾏统计时，是否授权友盟⾃动获取Openid，
// 如若需要，请到友盟后台"设置管理-应⽤信息"(mp.umeng/setting/appset)中设置appId及secret
autoGetOpenid: true,
debug: false, //是否打开调试模式
uploadUserInfo: true // ⾃动上传⽤户信息，设为false取消上传，默认为false
})
3.3 使⽤ OpenID
开发者需要额外添加代码上传openid，否则数据不会上报
// 开启后必须额外添加代码上传OpenID，否则数据不会上报
wx.uma.setOpenid(openid)
3.4 增加友盟+数据服务域名
在开发者后台添加request合法域名：操作步骤：登录公众平
台，进⼊⼩程序的 设置->开发->开发设置->服务器域名，把 加⼊
request合法域名，如图：
功能使⽤说明（数据统计）
⼊⼝：
实时功能，提供今⽇的 30s、5分钟和1⼩时的核⼼指标数据以及渠道指标的监控。
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议