vue用户行为收集_GitHub - adminV/Vue-dataAc: Vue 前端数据采集插件，前端异常数据采集插件，用户行为监控采集插件，用户前端异常监控插件，图形化分析插件（附demo）如有...

Vue-dataAc - Vue 数据采集上报插件(求小星星，求star)

写在前面

此插件基于 dataAcquisition 进行重构

基于Vue进行插件开发，新增了很多配置，也对整体的采集监控做了优化，让这一切更优雅更灵活更简单。

项目初期，难免有一些不同场景下的问题，大家在使用过程中遇到任何问题，或者有不满意的点都可以提交issue上来。

另外： http://data.isjs.cn/logStash/push 作为测试接口使用，会不定期清空数据，请不要上报真实数据

公众号: js前端架构

打赏 🎊

快速开始

安装

npm install vue-dataac --save

Vue Cli

import Vue from 'vue'

import VueDataAc from 'vue-dataac'

Vue.use(VueDataAc, {

// imageUrl: 'http://data.isjs.cn/lib/image/ac.png'

// or

useImgSend: false,

postUrl: 'http://data.isjs.cn/logStash/push'

});

ES6

import VueDataAc from 'vue-dataac'

CommonJS

var VueDataAc = require('vue-dataac');

直接引用

demo:

文档：

为了尽可能灵活，以下所有配置项理论上都可以修改配置，

我对每个配置项做了修改建议，供大家参考：

😄 = 可以修改

😐 = 最好不修改

😡 = 千万不要修改

1. 标识类配置，作为数据上报信息的分类标识

配置项

类型

默认值

是否可配置

说明

生效版本

storeInput

String

'ACINPUT'

😐

输入框行为采集标识

1.0.0

storePage

String

'ACPAGE'

😐

页面访问信息采集标识

1.0.0

storeClick

String

'ACCLIK'

😐

点击事件采集标识

1.0.0

storeReqErr

String

'ACRERR'

😐

请求异常采集标识

1.0.0

storeTiming

String

'ACTIME'

😐

页面性能采集标识

1.0.0

storeCodeErr

String

'ACCERR'

😐

代码异常采集标识

1.0.0

storeCustom

String

'ACCUSTOM'

😐

自定义事件采集标识

2.0.0

storeSourceErr

String

'ACSCERR'

😐

资源加载异常采集标识

2.0.0

storePrmseErr

String

'ACPRERR'

😐

promise抛出异常标识

2.0.0

storeCompErr

String

'ACCOMP'

😐

Vue组件性能监控标识

2.0.0

storeVueErr

String

'ACVUERR'

😐

Vue异常监控标识

2.0.0

2. 全局开关，用来自定义采集范围

配置项

类型

默认值

是否可配置

说明

生效版本

userSha

String

'vue_ac_userSha'

😄

用户标识存储在Storage中的key，有冲突可修改

1.0.0

useImgSend

Boolean

true

😄

是否使用图片上报数据, 设置为 false 为 xhr 接口请求上报

2.0.0

useStorage

Boolean

true

😄

是否使用storage作为存储载体, 设置为 false 时使用cookie

2.0.0

maxDays

Number

365

😄

如果使用cookie作为存储载体，此项生效，配置cookie存储时间，默认一年

2.0.0

openInput

Boolean

true

😄

是否开启输入数据采集

1.0.0

openCodeErr

Boolean

true

😄

是否开启代码异常采集

<