快应用埋点功能的实现

---

前言

快应用是一种新的应用形态，关乎其开发，网上教程较少，鄙人在自己的开发经历上，予以分享，希望可以帮助大家。本文介绍快应用埋点功能的实现。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是埋点？

埋点分析，是网站分析的一种常用的数据采集方法。旨在收集用户行为数据，是大数据时代的一种利器。

二、操作步骤

1.确认使用埋点的服务商

快应用框架本身不具有埋点功能的服务，在实际开发中，我们常常使用第三方服务商来实现埋点功能，数据记录，在本公司项目中，使用“神策”公司的埋点技术：
神策快应用全埋点技术指南

2.导入SDK

1、从 GitHub 上获取快应用 SDK 源码（源码地址）
2、将 sensorsdata.min.js 文件放入项目相应目录下
3、在 app.ux 文件中通过 import 引入 SDK：

import sensors from './api/sensorsdata.min.js';    //引入埋点文件

路径自己掌握一下哈

3.配置初始化参数

引入 SDK 后，可通过 setPara() 可进行 SDK 初始化参数配置：

sensors.setPara({
    name: 'sensors',
    server_url: '数据接收地址'
});

1、数据接收地址神策官网上有获取方法，不予赘述了
2、这段代码也写在app.ux文件中（神策文档上没有写明具体位置，试了好一会儿）

show_log可以将你的埋点操作打印在控制台的console里，便于你检查是否编写成功

4.初始化SDK

1、setPara() 配置初始化参数后，可调用 init() 方法来初始化 SDK：

// 初始化 SDK
export default {
    onCreate() {
		// 必须传入this，不然在Page中无法引用sensors
        sensors.init(this);
    }
}

同样写在app.ux文件中，在onCreate（app打开）事件内编写

5.开启全埋点

只需要在上一步后写入代码即可

// 开启 $AppStart（App 启动）事件采集
        sensors.appLaunch();

6.分页埋点

关于快应用的分页埋点，其实神策官方文档上没有详细的介绍，只给出了在每页的onShow事件中进行编写的方案，但如果快应用页面过多，就会造成工作量的巨大化，我结合了快应用框架和神策文档，实现了分页侵入，精简了工作量，达到了同样的效果。

首先提供神策官方文档上对于页面埋点的操作

// src 目录下的页面
export default {
    onShow() {
		// 开启 $AppViewScreen（App 浏览页面）事件
        this.$app.sensors.pageShow();
    }
}

全局页面埋点的实现（精简代码量）
1、创建插件，同时在插件内引入SDK埋点文件，并开启 $AppViewScreen（App 浏览页面）事件
图中代码可在此链接中找到----->快应用关于操作分页面事件的教程

2、引入插件，开发者在app.ux对象中声明 plugins 属性（类型为数组），数组中的元素声明为需要引入的插件；``

  // file：app.ux

 import pluginDemo from './api/plugin-demo.js'  //全局操作 解耦合插件


  export default {
    plugins: [
      pluginDemo
    ]
  }

注意路径

---

总结

以上就是通过第三方{神策}对快应用进行埋点的操作，可能由于快应用技术时间尚短，教程上对于其埋点的操作还未健全，给开发工作增加了难度，希望通过鄙人的分享，可使各位减少困惑，
另外，神策关于快应用的预置事件目前还只有App启动及页面打开，至于点击事件等等的数据记录，可以实现，但目前尚在探索中，以后会分享。