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'
})
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 | 性能 |
{
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",
...
}
Detailed changes for each release are documented in the release notes.
Copyright (c) 2021-present