1. 介绍
Coraool MiniSDK集成了埋点系统和API调用系统。
2. 对接流程
整体流程说明:
- STEP1:开发者接入Coraool MiniSDK,调用自定义埋点上报
- 1. 初始化
- 2. 设置登录态
- 3. 自定义埋点
- STEP2:调用 API 获取数据,获取数据。
3.使用说明
3.1 script
引入方案
将 SDK 放置入本地项目中,并在 app.js 引入SDK,例如:import "./coraool-mini-sdk-2.3.3.js"
VersionDate | Release Notes | SDK |
---|---|---|
20241010 | 2.3.3 版本更新内容: 1. 提高setUserId方法兼容性 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.3.3.js |
20240729 | 2.3.0 版本更新内容: 1. 优化了GTP信息 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.3.0.js |
20240716 | 2.2.6 版本更新内容: 1. 新增获取设备ID方法getDeviceId,详见4.15 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.2.6.js |
20240703 | 新增AB能力, 详见4.19章节 window.CORA_SDK.abTest.getBucket() 用于获取实验名称 window.CORA_SDK.abTest.getBucketObject() 用于获取实验全数据 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.2.0.js |
20240520 | 提高系统稳定性 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.1.1.js |
20240424 | 提高系统稳定性 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-2.1.0.js |
20240318 | 提高系统稳定性 | https://digiplus.coraoolstatic.com/com.coraool.digiplus/coraool-mini-sdk-1.1.0.js |
// 在app.js内
import "./utils/sdk/coraool-mini-sdk-x.x.x.js"
3.2 添加服务器域名白名单
请将以下域名添加入您小程序的服务器域名白名单
- https://track.coraoolapis.com
- https://api.coraoolapis.com
- https://digiplus.coraoolstatic.com
3.3 调用示例
1. 步骤一:初始化
my.CORA_SDK.initialize({
AppId: "appId", // 目前传测试值,后续在coraool申请
AppKey: "appKey",
AppSec: "appSec",
abTest: true // true 去请求abTest接⼝,false不请求
})
2. 步骤二:设置登录态
设置登录态(登录,登出时调用)
userId: 用户Id,登录时传真实的userId,登出时传空””
afId: 额外信息 – 例如afId
my.CORA_SDK.setUserId({
userId: "userId", // 用户Id,登录时传真实的userId,登出时传空""
afId: "afId", // 额外信息 - 例如afId
});
3. 步骤三:API调用示例
3.1 Invoke 方法调用
apiName: “home.game.ranking” 获取Ranking列表的时候 固定传该值
apiVersion api 版本,目前只支持 1.0.0
// 调用
const res = my.CORA_SDK.invoke({
apiName: "home.game.ranking", // 获取Ranking列表的时候 固定传该值
apiVersion:"1.0.0", // 目前只支持 1.0.0
});
3.2 Track埋点
eventType: CLICK 点击,EXPOSE曝光 PAGE页面 CUSTOM自定义(不填为自定义)
my.CORA_SDK.track("eventName", {
eventType: "PAGE", // CLICK 点击 EXPOSE曝光 PAGE页面 CUSTOM自定义(不填为自定义)
"customClickKey1": "customClickValue1", // 自定义key: value
"customClickKey2": "customClickValue2", // 自定义key: value
});
3.3 AB Test 实验
- getBucket
此方法用于获取实验对应的实验桶
my.CORA_SDK.abTest.getBucket("xxx_layer").then((res) => {
console.log(res) // { bucket:"xxx"}
})
- getBucketObject
此方法用于获取实验对应的实验桶(更全的数据)
my.CORA_SDK.abTest.getBucketObject("xxx_layer").then((res) => {
console.log(res)
})
/*
res:{
"name": "xxx_layer01",
"version": "11"
"bucket": "base",
"bucketVersion": "11",
}
*/
4. API说明
4.1 initialize
SDK初始化,入参说明:
字段名 | 类型 | 是否必须 | 解释 | 说明 |
AppId | string | 是 | SDK初始化参数的AppId | 业务方接入SDK时分配,不同端独立分配,全局唯一 |
AppKey | string | 是 | 唯一应用标识 | 业务方接入SDK时分配,每个端一个 |
AppSec | string | 是 | 数据交互的加密串 | 业务方接入SDK时分配,每个端一个 |
abTest | boolean | 否 | 是否开启 ABTest 功能 | 默认为false |
示例:
my.CORA_SDK.initialize({
AppId: "appId", // 目前传测试值,后续在coraool申请
AppKey: "appKey",
AppSec: "appSec",
abTest: true // true 去请求abTest接口,false不请求
})
4.2 setUserId
设置userId 、afId,入参说明:
字段名 | 类型 | 是否必须 | 解释 |
userId | string | 是 | 用户的userId,未登录时传空字符串 |
afId | string | 是 | 用户的afId,获取不到afId时传空字符串 |
示例:
my.CORA_SDK.setUserId({
userId: "112332123_ef_123", // 用户的userId
afId: "2112332123_ef_1231_afId_3123", // 额外信息 - 用户的afId
});
4.3 Invoke
调用api
my.CORA_SDK.invoke({
apiName: "binggo.homePage.ranking",
apiVersion: "1.0.0",
params: {} // 无 params 可不写此行
})
入参说明:
字段名 | 类型 | 是否必须 | 解释 |
apiName | string | 是 | api的名字例:获取Ranking列表数据:apiName: “home.game.ranking” |
apiVersion | string | 否 | 不传时默认1.0.0版本 |
params | object | 否 | 额外业务参数 |
出参说明:
{
version: "75a7ff8403ccb7f4b26028ba7c5a6fac", // 版本号
ranking: [{
gameId: "CrazyTime0000002", // 游戏Id
gameTop: "top1 Slot", // 游戏排行
gameType: 17, // 游戏类型
likeCnt: 2001, // 收藏数
platformId: "108", // 游戏厅Id
tags: ['MostPlayed',...], // 推荐标签
},
{...}
],
track: { // 埋点数据 (AF上报数据,与本次track不冲突)
expLayer: 'NEWUSER', // 实验参数,用于埋点上报
expBucket: '74', // 实验参数,用于埋点上报
expAlg: 'ggr', // 实验参数,用于埋点上报
expExtra: null // 实验参数,用于埋点上报
}
}
出参说明:
字段名 | 类型 | 解释 |
Object | ranking列表返回的结果 | |
version | string | 版本号 |
ranking | Array | 排序数据 |
gameId | string | 游戏Id |
platformId | string | 游戏厅Id |
gameTop | string | null | 游戏排行 |
gameType | number | 游戏类型 |
likeCnt | number| null | 收藏数 |
tags | string[] | null | 推荐标签, |
track | 埋点数据 | |
expLayer | string | 实验参数,用于埋点上报 用户新老用户标识 NEWUSER(新用户) / OLDUSER(老用户) / BASE(如果userId和设备id都不传会返回BASE) |
expBucket | string | 实验参数,用于埋点上报 |
expAlg | string | 实验参数,用于埋点上报 |
expExtra | string | null | 扩展参数,用于埋点上报 |
4.4 Track
自定义埋点
自定义埋点的应用场景非常广泛,需要灵活运用,避免数据多报,误报。
my.CORA_SDK.track("eventName", {
eventType: "PAGE", // CLICK 点击 EXPOSE曝光 PAGE页面 CUSTOM自定义(不填为自定义)
customClickKey1: "customClickValue1",
customClickKey2: "customClickValue2",
customClickKey3: "customClickValue3",
});
字段名 | 类型 | 是否必需 | 解释 |
eventName | string | 是 | 事件名(规范填写) |
eventValueParams | Object | 否 | 事件对象 |
字段名 | 类型 | 是否必需 | 解释 |
pageName | string | 是 | 页面名称 |
eventType | string | 否 | CLICK点击、EXPOSE曝光、PAGE页面、CUSTOM自定义事件不填/空 自定义事件 |
customxxx | string | 否 | 自定义key value |
4.5 trackPageStart
进入页面埋点,若埋点方式为手动模式,可自行开始埋点。
// my.CORA_SDK.trackPageStart(eventName: string, eventValue: Object)
// 使用实例
my.CORA_SDK.trackPageStart("eventName", {
key: "value",
})
参数说明:
字段名 | 类型 | 是否必需 | 解释 |
eventName | string | 是 | 事件名字 |
eventValueParams | Object | 否 | 事件对象 |
4.6 trackPageEnd
离开页面埋点,离开页面的埋点(和 trackPageStart 配合使用,参数一致)
// my.CORA_SDK.trackPageEnd(eventName: string, eventValue: Object)
// 使用实例
my.CORA_SDK.trackPageEnd("eventName", {
key: "value",
})
4.7 setCustomDeviceId
支持自定义设备ID
my.CORA_SDK.setCustomDeviceId("xxid");
4.8 setPageCollectionMode
设置埋点模式,支持两种埋点模式:手动、自动。
// my.CORA_SDK.setPageCollectionMode(mode: "AUTO" | "Manual");
// 使用实例
my.CORA_SDK.setPageCollectionMode("AUTO");
参数说明:
字段名 | 类型 | 是否必需 | 解释 | 说明 |
---|---|---|---|---|
mode | “AUTO” | “Manual” | 是 | 页面事件的采集方式 | “Manual” 手动 “AUTO” 自动(默认方式) |
自动模式:默认开启,与gtp使用,适用于通用场景。
手动模式:手动开启,也可与gtp一同使用,适用于高度定制化场景。
4.9 updatePageProperties
更新埋点参数
添加埋点参数后所有页面都会生效
若要清空新增的属性,只需再调用一次方法,传入空对象{}
my.CORA_SDK.updatePageProperties({
"key1": value1,
"key2": value2,
"key3": value3,
...
});
字段名 | 类型 | 是否必需 | 解释 |
pageParams | Object | 否 | 为当前页面添加埋点的参数 |
4.10 updatePageName
更新页面名称
// my.CORA_SDK.updatePageName(pageName:string)
my.CORA_SDK.updatePageName("homePage");
字段名 | 类型 | 是否必需 | 解释 |
pageName | string | 是 | 更改当前页面名称 |
4.11 setPlatform
设置设备系统,使用说明:
字段名 | 类型 | 是否必须 | 解释 |
platform | string | 是 | 设备系统:iOS、Android、Windows Mobile、PC、H5、MiniApp |
// 举例:小程序端打开外部链接,跳转落地页后调用此方法
my.CORA_SDK.setPlatform("MiniApp")
4.12 setPageLoadOptions
该函数用于捕获页面栈,必须在每个页面onLoad()中都引用,使用说明:
字段名 | 类型 | 是否必须 | 解释 |
options | object | 是 | 页面路径参数 |
// 举例:setPageLoadOptions
Page({
onLoad(options) {
my.CORA_SDK.setPageLoadOptions(options)
}
})
4.13 getGtpInfo
获取完整gtp参数,使用方法:my.CORA_SDK.getGtpInfo(b: string, gtp: string);
入参说明:
字段名 | 类型 | 是否必须 | 解释 |
b | String | 否 | 页面中有 PAGE_xx 此类事件,如“PAGE_HOME” |
gtp | string | 否 | 页面中含有gtp参数 |
// 示例1 - 页面中有 PAGE_xx 此类事件
my.CORA_SDK.getGtpInfo("PAGE_HOME")
// 示例1 - 页面中有 PAGE_xx 此类事件,且有gtp
my.CORA_SDK.getGtpInfo("PAGE_HOME", "a.b.c.d")
// 示例3 - 页面中无 PAGE_xx 此类事件,且无gtp
my.CORA_SDK.getGtpInfo()
4.14 getPageIdInfo
获取pageId,当页面跳转到H5带上参数
// 代码示例:
const coraSourcePageId = my.CORA_SDK.getPageIdInfo()
4.15 getDeviceId
获取deviceId,当页面跳转到H5带上参数
// 代码示例:
const coraSourceDeviceId = my.CORA_SDK.getDeviceId()
4.16 getJumpH5Params
获取完整的跳转H5参数 my.CORA_SDK.getJumpH5Params(gtp: string)
字段名 | 类型 | 是否必须 | 解释 |
gtp | string | 否 | 区块的gtp信息 a.b.c.d |
// 示例
const jumpH5Params = my.CORA_SDK.getJumpH5Params('a.b.c.d')
console.log(jumpH5Params)
// 得到coraSourceAppId=123&coraSourceGtp=a.b.c.d&coraSourcePageId=1&coraSourceDeviceId=deviceId
4.17 getAllUrlParams
获取全量的url参数
入参:
字段名 | 类型 | 是否必须 | 解释 |
options | object | 是 | onLoad(options) { const getAllUrlParams = my.CORA_SDK.getAllUrlParams(options) } |
代码示例:
// 示例
onLoad(options) {
const getAllUrlParams = my.CORA_SDK.getAllUrlParams(options)
// 输出 gtp=appId.pagehome.c.d&id=1
}
4.18 GTX
- GTX 自动化埋点简介
- GTX埋点用于页面流量的追踪和分析,可以解决如下关键业务问题:
- 统计指定页面的PV、UV等基础指标;
- 追踪页面流量的来源和去向,分析用户路径的流量漏斗;
- 基于流量和转化评估,告知业务方,每个页面以及页面内坑位的流量效率;
- 名词解释:
- Global Tracking Position(GTP):全局位置跟踪模型,用于追踪位置以及不同位置之间流量的流转;
- Global Tracking Content(GTC):全局内容跟踪模型,用于跟踪投放内容以及引导转化效率;
- Global Tracking X (GTX):指代 GTP、GTC 构成的解决方案;
- GTX埋点用于页面流量的追踪和分析,可以解决如下关键业务问题:
- GTP 埋点
- GTP参数定义:
a.b.c.d = ${appId}.${pageId}.${module}.${point}
,GTP需要严格按照如下规范进行构造和使用,UI层通过结构化的数据构造这4层结构(建议用这种方式),也可以通过手动的方式构造。
- GTP参数定义:
GTP | 含义 | 说明 |
---|---|---|
a位 | ${appId} | 全局唯一,不同端独立分配,如:c120420 |
b位 | ${page} | b位根据页面的url自动化生成 |
c位 | ${module} | 页面的楼层或者模块编号 |
d位 | ${component} | 细分的子模块编号 |
【重要】class=”data-gtp” data-gtp=”c.d” 必须在末尾节点中
代码示例:
<!-- Good case class="data-gtp" data-gtp="c.d" 必须在末尾节点中 -->
<view>
<view class="data-gtp" data-gtp="c.d">
正常点击、曝光
</view>
</view>
<!-- Bad case -->
<view>
<view class="data-gtp" data-gtp="c.d">
正常点击、曝光
<view>末尾节点 还有节点</view>
</view>
</view>
小程序内部页面之间跳转 ,若使用使用代码跳转url需要加上 >p=a.b.c.d
// html
<view class="data-gtp" data-gtp="{{gtpValue}}" onTap="handleGo">
Normal click, exposure
</view>
// JS:
// 配合 4.12 setPageLoadOptions 使用
Page({
onLoad(options) {
my.CORA_SDK.setPageLoadOptions(options)
},
handleGo(e) {
my.navigateTo({
url: /pages/index?gtp=${e.currentTarget.dataset.gtp}
});
}
})
小程序外跳H5,URL需要带上参数
https://xxx.com?`${my.CORA_SDK.getJumpH5Params()}`
GTP埋点其他用法
DOM属性 | 说明 |
---|---|
data-gtp-only-click | 只点击 |
data-gtp-only-expose | 只曝光 |
data-gtp-multiclick | 支持多次点击埋点 |
代码示例
<!-- Good case -->
<view>
<view class="data-gtp" data-gtp="c.d" data-gtp-only-click="true">
只点击
</view>
<view class="data-gtp" data-gtp="c.d" data-gtp-only-expose="true">
只曝光
</view>
<view class="data-gtp" data-gtp="c.d" data-gtp-multiclick="true">
支持多次点击
</view>
</view>
<!-- Bad case -->
<view>
<view class="data-gtp" data-gtp="c.d" data-gtp-only-click="true">
只点击
<view>末尾节点 还有节点</view>
</view>
</view>
页面跳转示例,需要url传参 >p=`c.d`:
// 配合 4.12 setPageLoadOptions 使用
Page({
onLoad(options) {
my.CORA_SDK.setPageLoadOptions(options)
}
})
3. GTC 埋点
- GTC参数定义:
a.b.c.d = ${sysId}.${algoId}.${algoVer}.${audienceId}
,GTC也包含4层结构,在不同层级上的定义
GTC | 含义 | 说明 |
---|---|---|
a位 | ${sysId} | 投放系统 ID,用来标识不同的内容投放方 |
b位 | ${algoId} | 投放算法 ID,用来标识投放系统产生不同内容的投放算法 |
c位 | ${algoVer} | 投放算法版本 ID,用来标识投放算法的不同版本 |
d位 | ${audienceId} | 投放人群 ID,用来标识不同的投放人群 |
页面跳转示例,需要url传参 >c=a.b.c.d:
// 配合 4.12 setPageLoadOptions 使用
Page({
onLoad(options) {
my.CORA_SDK.setPageLoadOptions(options)
}
})
4.19 获取 AB Test 实验参数获取
- getBucket
此方法用于获取实验对应的实验桶
入参说明:
字段名 | 类型 | 是否必须 | 解释 | 说明 |
experiment | string | 是 | 实验名 |
请求代码示例:
my.CORA_SDK.abTest.getBucket("xxx_layer").then((res) => {
console.log(res) // { bucket:"xxx"}
})
出参说明:
字段名 | 类型 | 是否必须 | 解释 | 说明 |
bucket | string | 否 | 实验桶 | 当传入的实验名不存在时, 返回 空对象 |
示例:
{
bucket:"xxx"
}
- getBucketObject
此方法用于获取实验对应的实验桶(更全的数据)
入参说明:
字段名 | 类型 | 是否必须 | 解释 | 说明 |
experiment | string | 是 | 实验名 | 当传入的实验名不存在时, 返回 空对象 |
请求代码示例:
my.CORA_SDK.abTest.getBucketObject("xxx_layer").then((res) => {
console.log(res)
})
出参说明:
字段名 | 类型 | 是否必须 | 解释 | 说明 |
name | string | 实验名称 | ||
version | string | 实验版本 | ||
bucket | string | 实验桶名称 | ||
bucketVersion | string | 实验桶版本 |
示例:
{
"name": "sean_test01",
"version": "11"
"bucket": "base",
"bucketVersion": "11",
}
5. 信息采集表
字段名 | 类型 | 是否必需 | 默认值 | 解释 |
// Event | ||||
eventType | string | 是 | “CUSTOM” | CLICK 点击事件EXPOSE 曝光事件PAGE 页面事件CUSTOM 自定义事件 |
eventName | string | 是 | “” | 事件名 |
eventTime | string | 是 | “” | 客户端上报时间 |
eventValue {object} 埋点基础信息:事件value | ||||
… | 调用外部传入 | |||
eventProps {object} 埋点基础信息:SDK内置事件value | ||||
customDeviceId | string | 否 | “” | 自定义设备Id调用4.7函数my.CORA_SDK.setCustomDeviceId(“xxid”) |
pageName | string | 否 | “” | 页面名调用4.10函数 my.CORA_SDK.updatePageName(pageName:string)没调用函数:自动生成页面名 |
isbf | string | 是 | “0” | 浏览器或tab切换隐藏”0″默认值”1″表示切换 |
isbk | string | 是 | “0” | 点击浏览器回退按钮导致的页面曝光”0″默认值”1″表示回退 |
startTime | string | 否 | 页面访问开始时间 | |
endTime | string | 否 | 页面访问结束时间 | |
pageDuration | string | 否 | 页面停留时间 | |
referPage | string | 否 | “xx” | 上一个页面URL |
gtp | string | 是 | “” | gtp数据 |
gtpPre1 | string | 是 | “” | 上一个页面gtp数据 |
gtpPre2 | string | 是 | “” | 上上一个页面gtp数据 |
gtcPre1 | string | 是 | “” | 上一个页面gtc数据 |
gtcPre2 | string | 是 | “” | 上上一个页面gtc数据 |
sdkInitDate | string | 是 | “” | SDK埋点信息:首次调用时间 |
enabledTracking | boolean | 是 | false | 广告推送 |
enabledNotification | boolean | 是 | false | 广告推送权限 |
platform | string | 是 | “” | 平台:Windows | Mac | Linux | Android | iOS |
container | string | 是 | “” | 容器:NONE | BROWSER | APP | MINIAPP |
lang | string | 是 | “” | 设备信息:language |
uid | string | 是 | “” | 用户信息: 用户id |
deviceId | string | 是 | “” | 设备id |
browser | string | 是 | “” | 浏览器 |
browserVersion | string | 是 | “” | 浏览器型号 |
systemName | string | 是 | “” | 操作系统 |
systemVersion | string | 是 | “” | 操作系统版本 |
sdkVersion | string | 是 | “” | SDK版本 |
userAgent | string | 是 | “” | ua信息 |
deviceScreenXpx | number | 是 | 设备硬件信息:设备屏幕分辨率 Xpx | |
deviceScreenYpx | number | 是 | 设备硬件信息:设备屏幕分辨率 Ypx | |
deviceScreenOrient | string | 是 | 设备硬件信息:设备屏幕方向 | |
deviceScreenIsTouch | boolean | 是 | false | 设备硬件信息:设备屏幕是否可以触摸 |
deviceBatteryLevel | number | 是 | 备硬件信息:电池电量 | |
deviceBrand | string | 是 | 设备品牌 | |
deviceNetwork | string | 是 | 设备网络信息:WIFI 3G 4G 5G | |
Comments (0)