一、数据埋点的意义
所谓埋点就是在应用中特定的流程收集一些信息，用来跟踪应用使用的情况，记录用户在系统中的操作行为轨迹，后续用来进一步优化产品或提供运营的数据支撑，包括访问数、访客数、停留时长、页面浏览数和跳出率。埋点采集信息大致分为两大类：页面统计，操作行为统计。 地址：www.sensorsdata.cn/demo/demo.h…
二、如何在项目中接入埋点
1、 安装前端需要的sdk包
npm install --save sa-sdk-javascript
备注：cdn地址：github.com/sensorsdata…
2、 埋点
main.js
/** 神策埋点 **/
import sensors from 'sa-sdk-javascript/dist/web/sensorsdata.es6.js';
// 记录页面停留时长需要该插件
import pageleave from 'sa-sdk-javascript/dist/web/plugin/pageleave/index.es6.js';
const currentPath ='888888888888888'
// 神策配置初始化，确保在vue实例化之前执行
sensors.init({
server_url: "http://10.130.14.5:8106/sa?project=B2BDemo", // 这个地址通常是神策数据分析平台提供的数据接收接口地址(采集的数据进行上传)
web_url: currentPath, // 当前页面的URL地址
is_track_single_page: true,
use_client_time: true,
send_type: 'beacon',
heatmap: {
clickmap: 'default',
scroll_notice_map: 'default'
}
});
// 设置公共属性埋点
sensors.registerPage({
system_code: 'xianYuFanShenLeMe_dev'
});
sensors.use(pageleave);
sensors.quick('autoTrack'); // 自动采集事件埋点，主动触发页面浏览事件，一般只在页面配置后调用一次即可（常规处理的埋点）
//备注：
// router.onReady(() => {
// // 用于采集 $pageview 事件，【统计PV、UV指标】
// sensors.quick('autoTrack');
// });
/** 神策埋点 **/
页面级（事件埋点）
import sensors from 'sa-sdk-javascript/dist/web/sensorsdata.es6.js';
// sensors.track 特殊处理的埋点
sensors.track('dingke_personal_view', {
message1: 'withdraw_verificationcode_view',
message3: 'withdraw',
info1: '白条提现、普通提现'
});
