支付宝小程序 SDK 使用说明
最后更新于:2018-08-09 16:15:35
在使用前,请先阅读数据模型的介绍。
1. 获取和引入神策分析 SDK
1.1 下载 sdk
从 github 上下载 支付宝小程序 sdk ,sensorsdata.js 和 sensorsdata_conf.js
把这两个文件放在小程序的目录下(如:util ),然后在 app.js 第一行加上import sensors from './util/sensorsdata.js'
;
在 App 函数中设置一个值为 sensors 的全局变量
例如:
App({
onLaunch : function(){
this.sensors = sensors
}
})
现在在其他 Page 里就可以通过 getApp 来使用神策的追踪了
var app = getApp();
app.sensors.track(eventName, properties) // 第一个参数事件名 字符串类型,第二个参数 属性值 对象类型
1.2 sensorsdata_conf.js 参数配置
server_url: 数据接收地址, 如果你使用的是 cloud 云版环境,地址类似于 http://xq_zgq.cloud.sensorsdata.cn/sa?project=gxq&token=251d0b0。 注意: 请在“小程序详情/设置”中添加 httpRequest 接口请求域名白名单,把这个地址加上。
max_string_length: 字符串最大长度,防止属性中误传了特别长的字符串,导致请求失败等异常。
2. 标识用户
在进行任何埋点之前,都应当先确定如何标识用户。distinct_id 是神策用来标识用户的一段唯一的字符串。
在小程序中,会有下面 2 种 id
- 默认情况下,我们会生成一个随机数 uuid ,保存在本地缓存中,我们暂时称这个为 uuid
- 数据库中保存的,用户真实 id 。我们暂时称为 user_id
如果不做任何操作,小程序会使用 uuid 作为 distinct_id ,注意: uuid 在换了设备,或者删除小程序后,会重新生成。
2.1 调用sensors.login(user_id) 来标识真实用户
通过 sensors.login(user_id)
来把 SDK 自动生成的 uuid 关联成现在传入的 user_id。且以后会一直使用这个 user_id。
sensors.login('user1312312123');
2.2 使用 sensors.identify 来修改匿名 id
默认情况下,是把 uuid 作为 distinct_id 的。如果你能取到其他匿名 id(比如你们自己生成的 uuid),可以用 sensors.identify(id,true)
来改变当前的distinct_id。
3. 自定义事件追踪
第一次接入神策分析时,建议使用 sensors.track() 先追踪 3~5 个关键的事件,只需要几行代码,便能体验神策分析的分析功能。例如:
电商产品,可以追踪用户注册、浏览商品和下订单等事件。
// 追踪浏览商品事件。
var app = getApp();
app.sensors.track('ViewProduct', {
ProductId: '123456',
ProductCatalog: "Laptop Computer",
ProductName: "MacBook Pro",
ProductPrice: 12345
});
4 设置用户属性
4.1 sensors.setProfile(properties)
直接设置用户的属性,如果存在则覆盖。
- properties:
object
,必选。
sensors.setProfile({email:'xxx@xx'});
4.2 sensors.setOnceProfile(properties)
如果不存在则设置,存在就不设置。
- properties:
object
,必选。
sensors.setOnceProfile({email:'xxx@xx'});
5 实际案例使用
先把下载下来的 sensorsdata.js 和 sensorsdata_conf.js 放在目录 until 目录下
5.1 在根目录的 app.js 中加入
// 这行是必须加入的
var sensors = require('./util/sensorsdata.js');
App({
onLaunch: function () {
// 设置全局变量
this.sensors = sensors;
// 如果获取到了用户的信息,可以给这个用户设置 profile
sensors.setProfile({name:'tiantian',age:18});
}
......
});
5.2 在 Pages 里的 js 中可以通过 getApp() 来获取 sensors
var app = getApp();
//下面模拟某个用户在浏览一张桃花的图片,当用户点击这张图片时,我们发送一个 clickImage 事件
Page({
bindTapImage: function(){
app.sensors.track('clickImage',{name:'桃花'});
},
onLoad: function(){
}
});