0.1.7 • Published 4 years ago
longan-sdk-mini-program v0.1.7
longan-mini-program-sdk
longan-monitor-js-sdk、wx-mini-program、taro-weapp
统计 应用来源、PV信息、错误信息、细粒度埋点
版本信息
V0.1.7更新:
(1)配置信息新增cancelAutoPvList,值是路由数组
(2)增加dispatchPv方法
V0.1.4更新:
(1)修正了自定义组件 获取不到元素的问题
(2)修正了子包不触发埋点的问题
开发
npm link
npm start
发布
npm run build
npm login
npm publish
安装与引入
(1)wx-mini-program:
安装:
npm install longan-mini-program-sdk
引入:
初始化package.json
工具-构建npm包
import Longan from 'miniprogram_npm/longan-sdk-mini-program/index';
(2)Taro:
安装:
npm install longan-mini-program-sdk
引入:
import Longan from 'longan-mini-program-sdk';
使用
一、wx-mini-program
(1)全局注册(app.js)
import Longan from 'miniprogram_npm/longan-sdk-mini-program/index';
Longan.start({wx, App, Page, longanConfig, basicConfig});
其中basicCondig包含project_name、env_type必填字段,其中longanConfig为全量埋点的配置文件
basicCondig示例如下:
const basicConfig = {
project_name: 'mini-program',
env_type: 1,
};
(2)页面引入
在wxml的根节点绑定事件处理 catchtap="longanCatch"
(3)设置埋点元素id='longan-[something]'
二、taro
(1)全局注册(app.js)
import Longan from 'longan-mini-program-sdk';
Longan.register({ Taro, longanConfig, project_name: 'mini-program-employment', env_type: 1 });
可选项:withRouteExtraParams: boolean;loginUser: string;
(2)页面引入
import { withLongan } from 'longan-sdk-mini-program';
装饰器,如:@withLongan(Taro)
在根节点绑定事件 onClick={this.longanCatch}
(3)设置埋点元素id='longan-[something]'
全量埋点的配置文件,示例如下:
const config = {
'pages/index/index': {
pageName: '首页',
buryInfo: {
'longan-add': '加一个',
'longan-minus': '减一个',
'longan-counter': '计数器',
'longan-test': '测试',
},
},
'pages/store/index': {
pageName: '店铺',
buryInfo: {
'longan-store': '店铺管理',
},
}
};
export default config;
三、自定义埋点
longan.dispatch(Taro, {
event_name: 'longan-event1',
event_desc: '自定义埋点',
event_type: 1,
});
其中event_type为可选,默认值为1
{ 1: '点击行为', 2: '其他类型' }
四、更新配置信息
longan.updateConfig(Taro, config);
config字段: Object