npm install jssdk-behavior
- 注
此版本暂未验证methods.json中的allow,看业务需要,下个版本也许会增加,所以如有新增或修改的methods,请按现有结构改写。
main.js
import Vue from 'vue'
import jssdkBehavior from 'jssdk-crib'
import METHODS from './json/methods.json'
Vue.use(jssdkBehavior[, option])
// 初始化全局配置,可以查看配置参数
Vue.use(jssdkBehavior, {
token: '', // 可在其它逻辑中配置
prefix: '', // 前缀
url: '', // 接口地址
methods: METHODS // json对象
})
业务组件中,埋点使用方法
this.$Behavior[saveType](saveValue[, option])
// 点击事件示例
<script>
export default {
methods: {
// 点击按钮
handleOnClickButton () {
this.$Behavior.clickButton({
exhibitionChannel: '13',
clickCategory: '1',
buttonName: '提交表单',
userAgent: navigator.userAgent
})
}
}
}
</script>
viewPage 和 viewPageStayLength 使用示例
export default {
mounted () {
this.$Behavior.viewPage({
exhibitionChannel: 1,
pageClassification: 1,
visitSource: 1,
pageType: '首页'
})
},
beforeDestroy () {
this.$Behavior.viewPageStayLength()
},
}
示例:main.js
import Vue from 'vue'
import jssdkBehavior from 'jssdk-behavior'
Vue.use(jssdkBehavior)
jssdkBehavior.Behavior.options.token = '11111111111' // 全局配置
示例:业务组件
this.$Behavior.options.token = '222222222' // 全局配置
this.$Behavior[saveType](saveValue, {
token: '222222222' // 局部配置,不影响全局
})
属性 | 说明 | 类型 | 默认值 | 必填 |
---|---|---|---|---|
token | 用户登录态 | string | '' | 必填 |
prefix | 按工程配置填,一般使用axios的baseUrl | string | '' | 必填 |
url | 埋点接口地址 | string | '/xxx/xxx' | 非必填 |
methods | 埋点方法json数据的扩展,如有新增或修改,传入对象即可自动合并,数据结构参考methods.json(目前用不上) | json|object | /src/methods.json | 非必填 |
属性 | 说明 | 类型 |
---|---|---|
方法名(埋点类型) | methods.json中第1层key即方法名 | string |
clickButton | 按钮点击事件 | string |
viewPage | 页面访问 | string |
searchKeyword | 产品关键词搜索 | string |
viewPageStayLength | 页面停留时长 | string |
属性 | 说明 | 参数值 | 类型 | 必填 |
---|---|---|---|---|
exhibitionChannel | 销售渠道 | 渠道 | string | 必填 |
clickCategory | 事件分类 | 数字1:banner2:热门3:产品 | string | 必填 |
buttonName | string | 按钮名称 | 输入中文 | 必填 |
… | … | … | … | … |
属性 | 说明 | 参数值 | 类型 | 必填 |
---|---|---|---|---|
exhibitionChannel | 销售渠道 | 渠道 | string | 必填 |
keyword | 关键词 | 输入用户搜索关键词 | string | 必填 |
属性 | 说明 | 参数值 | 类型 | 必填 |
---|---|---|---|---|
exhibitionChannel | 销售渠道 | 渠道 | string | 必填 |
pageClassification | 页面分类 | 输入数字1:首页2:产品3:我的 | string | 必填 |
visitSource | 访问来源 | 输入数字,1:快捷入口2:banner3:首页4:热门产品5:产品列表 | string | 必填 |
pageType | 页面名称 | 输入中文,“页面分类”与“页面名称”对应关系见pageType参数说明 | string | 必填 |
productCode | 产品代码 | 产品代码 | string | 非必填|pageType = 3时,必填 |
… | … | … | … |
属性 | 说明 | 参数值 | 类型 | 必填 |
---|---|---|---|---|
stayLength | 页面停留时长 | 由sdk生成,计算从调用viewPage方法开始-调用本方法时间差 | <int> number(秒) |
非必填 |
页面分类 | 页面 |
---|---|
1:首页 | 首页 |
2:产品 | 产品列表 |
… | |
3:投保流程 | 产品详情 |
信息 | |
交易 | |
… | |
我的 | 我的 |
消息 | |
联系人 | |
… |