uniapp接入 - 456数据开发文档

快速开始

1

注册账号

创建应用获取打点地址和应用编号

2

下载 SDK

集成 uni-app SDK 到您的项目

3

验证接入

验证数据是否正常上报

4

查看数据看板

实时查看访客数据

1. 注册账号

登录 456 数据控制台，在「我的应用」中点击「创建应用」，然后点击该应用「操作」列里的「统计代码」，在弹出的窗口里获取您的打点地址和应用编号。

2. 下载 uniapp SDK

请到uniapp插件市场下载sdk → 456移动统计SDK - DCloud 插件市场

3. 初始化 SDK

在App.vue中初始化SDK：

代码示例

//App.vue 下引用并初始化456
import * as uniapp456 from '@/uni_modules/uniapp456-analyticssdk'

uniapp456.register({
    appurl: 'https://www.456.cn/logcount/logcount.html',
    website: '1000000X',
    channel:'uts安卓测试',
})

4. 如何确认接入成功

运行集成了 SDK 的 App，打开几个页面。
登录 456 数据控制台，在「我的应用」中点击该应用的「查看报表」，进入「访问分析」→「用户轨迹」→「实时用户」，能看到这台设备的访问，即为接入成功。如果调用了自定义事件，可在「使用行为」→「事件分析」中查看。
如果看不到访问，请确认 register 中的 appurl（打点地址）和 website（应用编号）与控制台「统计代码」窗口里的一致。

5. 进阶配置（可选）

用户属性设置

代码示例

uniapp456.trackUserSet({userid:"616",username:"小明"});
//userid 和  username 是必传属性，其他属性可以自行扩展

自定义事件设置

代码示例

uniapp456.trackEvent('event',"事件分类","事件名称",{'属性1':'属性值1','属性2':'属性值2'});
//有属性的事件
uniapp456.trackEvent("event","页面事件","复制微信",{'微信号':'wx2348134242'});
//无属性的事件
uniapp456.trackEvent("event","页面事件","复制微信",{});

app和H5打通

App使用SDK ，采集到数据后，发往H5，H5 收到 App 发送的数据后，设置用户的Cookie,这样就保持了用户唯一识别标识的统一。

App端通过以下方法获取App中的用户唯一识别标识：

代码示例

//App使用SDK ，采集到数据后，发往H5，H5设置用户Cookie保持唯一标识统一。
let appCookie = uniapp456.getUserCookie();

H5端：

代码示例

apph5.html?yhxw456cookie=前面获取的appCookie&yhxw456counttype=app&yhxw456systemtype=uniapp