Vue-cli3 使用友盟数据埋点功能

[misty0304]

Vue-cli3 使用友盟数据埋点功能

[misty0304]

步骤一：

在友盟配置，配置好后会生成资源：

步骤二：

在index.html入口中引入js资源

该资源在友盟中会生成，只需复制过来，注意其中有3处变量配置需修改，2个<%= VUE_APP_CNZZ_SITEID %>及1个<%= VUE_APP_CNZZ_ADDR %>(注意：自定义环境变量配置需VUE_APP_开头，对环境配置不熟的请移步：官网文档)

步骤三：

引入vue-uweb插件(文档)及使用：

1. 安装：

npm install vue-uweb --save

1. main.js中引入：

import uweb from 'vue-uweb'
Vue.use(UWEB, { siteId: process.env.VUE_APP_CNZZ_SITEID, debug: false, autoPageview: false, src: '' })

步骤四：

使用方式如下：

1. 进入页面埋点：

this.$uweb.trackPageview('/首页_页面进入', '')

1. 事件埋点：

this.$uweb.trackEvent('添加候选人页_保存点击', '添加候选人页_保存点击')