stat_frontend

定位是事件埋点和数据上报功能，前期先完善事件埋点。

用法

引入

1、脚本方式

<script data-stat61="{projectId: 1231}" src="http://localhost:8080/bundle.js"></script>

2、模块方式

npm install stat_frontend --save-dev

import Stat61 from 'stat_frontend'

基础方法

// 代码初始化
Stat61.init({
    project: 'xxxx',  // 项目标识 hualala  dengta
    reportUrl: 'xxxxx',  // 上报的接口
})
// 更新配置
Stat61.config.set
// 获取配置
Stat61.config.get
// 删除配置
Stat61.config.remove

统计上报

1、普通上报

Stat61.event.send({
    eventName: 'pagein',
    data: {name: 22222222},
})

2、滚动页面位置上报

Stat61.event.send('scrollEvent', [{
    eventName: 'test',
    data: {name: 123},
    checkPoint: (topscroll) => {return document.getElementById('bgBlock').offsetTop < topscroll}
}, {
    eventName: 'test22',
    data: {name: 12322},
    checkPoint: (topscroll) => {return 1000 < topscroll}
}])

2、页面切换上报

Stat61.event.send('routerEvent', {
    mode: 'hash',
    cb: () => {
        return {
            eventName: 'test22',
             data: {name: 12322}, 
        }
    }
})

3、事件绑定

提供直接在dom上绑定，

<p stat61-event="{'eventType': 'click', eventName: 'click-span', 'data': {'name': 'test'}}"></p>
或者
<p stat61-event="eventConfId"></p>
Stat61.events.send('domEvent', [{
    eventType: 'dblclick',
    eventName: 'test',
    confId: '.clickable1',
    data: {
        pageTitle: '中秋报名活动页面',
        eventDesc: '这是一个点击事件'
    },
}])

4、时间计数

// 开始一个时间
Stat61.events.send('timeEvent', {
  eventName: 'pageIn',
    data: {
        pageTitle: '中秋报名活动页面11'
    },
}, 'timeStart')

// 结束一个时间并上报
Stat61.events.send('timeEvent', {
    eventName: 'pageIn',
}, 'timeEnd')