web-tracker
安装
npm install web-tracker --save
使用
- 引入方式
import webTracker from 'web-tracker'
Vue.use(webTracker, {
host: 'cn-shanghai.log.aliyuncs.com', //必填
project: 'web-tracker-test', //必填
logstore: 'web-tracker-test-store', //必填
appId: "1", //项目名称 必填
version: "1.0.0", //必填
})- 代码定向埋点
this.$webTracker.send({
logType: 'business', //必传（记录的日志类型）
logCode: 'login', //必传（记录的日志-行为code）
logName: '登录', //必传（记录的日志-行为code name）
elementType: 'button', //必传
event: 'click'
})Log格式说明
| Name | Type | Required | Description | Remarks |
|---|---|---|---|---|
| appId | string | yes | 项目代码 | 会员端：2, 运营端：1 |
| version | string | yes | 项目版本号 | 1. 0. 0 |
| pageTitle | string | yes | 页面标题 | |
| pageUrl | string | yes | 页面地址 | |
| userAgent | string | yes | 浏览器版本 | |
| timestamp | string | yes | 时间戳 | |
| logType | string | yes | 日志类型 | 错误日志收集：monitor，业务数据埋点：business |
| logCode | string | yes | 日志代码 | 当logType为monitor时参考下方的错误日志类型[Code]，为business时由业务指定好的日志代码 |
| logName | string | yes | 日志名称 | 当logType为monitor时参考下方的错误日志类型[Name]，为business时由业务指定好的日志名称 |
| elementType | string | yes | 元素名称 | 针对错误日志类型，没有对应的元素名称，则默认值为Page |
| stack | string | no | 堆栈信息 | |
| message | string | no | 堆栈错误信息 | |
| fileName | string | no | 文件名 | 当为资源加载错误的时候会有 |
| ... | string | no | ... | 任意添加额外需要传递的数据 |
错误日志类型
| Code | 默认是否启用 | Name |
|---|---|---|
| JS_ERROR | yes | JS错误 |
| XHR_ERROR | yes | 接口请求错误 |
| CONSOLE_ERROR | yes | 针对vue |
| TIME_ON_PAGE | no | 在线时长 |
| LONG_TASK | no | 卡顿 |
| BLANK_SCREEN | no | 白屏 |
| PV | no | PV |
| PERFORMANCE | no | 性能 |
Request sample
{
appId: "1",
version: "1.0.0",
pageTitle: "海通智运-会员平台",
pageUrl: "http://localhost:8210/login",
userAgent: "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36",
timestamp: "1625453126009",
logType: "business",
logCode: "登录",
logName: "登录",
elementType: "button",
...
}Changelog
Detailed changes for each release are documented in the release notes.
License
Copyright (c) 2021-present