1.0.1 • Published 4 years ago
@cloudbae-frontend/track v1.0.1
云宝宝前端埋点采集工具
本项目是用于前端页面数据采集的工具。使用方式如下：
安装
npm install @cloudbae-frontend/track页面配置
<body>
<!-- 区块编码设置 -->
<div data-track='{"blockCode": "blockCode"}'>
<!-- 点位编码设置 -->
<button type="button" data-track='{"placeCode": "placeCode"}'>button</button>
</div>
</body>引入类库
import { track } from '@cloudbae-frontend/track';
import { Url } from 'url';
>>*注*: ***data-track值也可写成非标JSON, 如"{placeCode: 1}"或者 "{'placeCode': 'code1'}"***;
const codeMap = {
'/home': '01',
'/test': '02',
};
const urlCodeMap = new Map();
Object.keys(codeMap).reduce((newObj, currentKey) => {
urlCodeMap.set(currentKey, codeMap[currentKey]);
}, {});
// track.debug = true; 如果需要在控制台
track.init({
form: {
action: 'http://www.example.com',
name: 'name',
method: 'POST',
},
userInfo: {
userID: 'userID', // 也可以传入一个函数，返回 userID
sessionID: 'sessionID' // 也可传入一个函数，返回 sessionID
},
pageCodeProvider(url: Url) {
return urlCodeMap.get(url.pathname);
},
appID: 'appID',
autoListen: true, // 默认为 true，自动监听页面点击事件，并发送数据
attributeName: 'data-track' // 默认为 data-track，用于在 dom 元素上配置数据
}).listen();
track.pageIn();