wd-web-log

a simple web log 埋点统计插件，支持腾讯 百度，友盟

开发调试

安装相关依赖，执行

npm run dev

浏览器打开 examples 文件夹下 html 即可调试

构建

npm run build

配置

npm

npm i wd-web-log

// config
const config = {
  // 是否自动收集点击事件
  autoClick: false,
  // 是否开启自动上报 若关闭自行请在在事件中手动上报
  autoSend: true,
  // 是否开启异常上报
  autoError: false,
  // 异常上报
  autoErrorSend: false,
  // 开启debug
  debug: false,
  // 上报平台 目前支持 baidu,uweb
  type: 'uweb',
  // 上报平台配置
  config: {},
  // 发送事件
  onSend: (sendEvent, sendData, reporter, event) => {},
  // 错误捕捉
  onError: (error) => {},
}

使用

config--上报平台配置

腾讯 uweb

参数	必输	默认	说明	备注
sid	是		统计用的 appid
cid	是		如果开启自定义事件，此项目为必填，否则不填
autoReport	否		是否开启自动上报(1:init 完成则上报一次,0:使用 pgv 方法才上报)
senseHash	否		hash 锚点是否进入 url 统计
senseQuery	否		url 参数是否进入 url 统计
autoReport	否		绑定要接受 API 请求的统计代码 siteid
performanceMonitor	否		是否开启性能监控
ignoreParams	否		开启 url 参数上报时，可忽略部分参数拼接上报

友盟 uweb

参数	必输	默认	说明	备注
siteId	是		绑定要接受 API 请求的统计代码 siteid
autoPageview	否	true	是否开启自动统计 PV
src	否	精简代码 http://s11.cnzz.com/z_stat.php?id=SITEID&web_id=SITEID	指定统计脚本标签的 src 属性

百度 baidu

参数	必输	默认	说明	备注
siteId	是		绑定要接受 API 请求的统计代码 siteid
src	否	精简代码 https://hm.baidu.com/hm.js?SITEID	指定统计脚本标签的 src 属性

// vue
import Logger from 'wd-web-log'
Vue.use(Logger.Vue, config)

// use v-log="'event'" or v-log="{event:'',data:{}}"
this.$stat({
  event: '',
  data: {},
})
// uweb原生方法
this.$wdLog.reporter.setAccount(siteId)

import Logger from 'wd-web-log'
Logger()
// uweb example
Logger.send('')
// uweb 原生方法
Logger.reporter.pgv()

浏览器

<script src="https://cdn.jsdelivr.net/npm/wd-web-log/dist/wd-web-log.js"></script>
<script>
  WdWebLog({
    debug: true,
    // autoSend: true,
    autoSend: false,
    // 是否开启异常上报
    autoError: true,
    // 开启debug
    debug: true,
    // 上报平台 支持 baidu,uweb
    type: 'uweb',
    // 上报平台配置
    config: {},
    // 发送事件
    onSend: (sendEvent, sendData, reporter, event) => {
      console.log(sendEvent)
      // reporter.send(sendEvent, sendData)
      reporter.send('sendEvent' + sendEvent, sendData)
    },
    // 错误捕捉
    onError: (error) => {
      console.log('异常捕捉:', error)
    },
  }).then(function (logger) {
    document.querySelector('#test').addEventListener('click', function (e) {
      logger.send('test')
      // logger.send({});
    })
  })
</script>