Web-tracker NPM

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",
    ...
}