bp_cli_vue v0.6.6

TITLE

埋点vue2通用方法

bp_vueTwo

插件使用方法

安装 bp_vueTwo

npm install bp_vueTwo
# NOTE: or
yarn add bp_vueTwo

全局引入

• vue2

import buried from 'bp_vueTwo'
Vue.use(buried)

埋点参数标准

行为列表

参数统一建议

// FIXME: 建议
- 存储到vuex中的参数：
{
	client_version,action_type,user_type
}
- 当前页面变动参数
{
	user_id
}
- 需要单独设置的参数
{
	action_id,
}
- 封装方法导出的参数
{
	connection_id,current_view_id,event_id,arise_time
}
- 扩展参数
 {
	phone_num,product_name,product_id,source_platform,advertising
 }

参数进行assign即可，目前的常量参数没有进行封装，后面可以进行代码级的优化

优化建议

• 常量参数封装
• 方法参数统一
• 指令和全局函数使用
• 埋点添加标识

页面使用

• vue2

// HACK: 埋点节点 根据实际业务进行更改
<input v-track="params"/>
<button @clicl="buried">click埋点节点</button>
export default {
	data(){
		return {
			//HACK: 参数请根据埋点参数标准进行配置 此处请根据实际业务进行参数配置
			params:{
				event_id: 'params_event_id',
				action_id: 'params_action_id',
				action_type: 'params_action_type',
				user_type: 'params_user_type',
				user_id: 'params_user_id',
			}
		}
	},
	methods:{
		 methods: {
			buried() {
			this.$track(this.params);
		},
	}
}

环境变量

• vue2

# NOTE:  vue2 默认配置
VUE_APP_MODE = dev

VUE_APP_PROXY_URL = "https://api-test.ennejb.cn"

VUE_APP_BASE_URL = "/news"

VUE_APP_URL = "/activity_h5"

暴露方法和指令

1、全局挂载指令 v-track="trackData"

2、暴露全局方法 $track(this.trackData);

特殊说明

埋点函数地址为公司内部使用，仅限公司内部项目使用