- 稳定性监控
留神:间接把上面的代码复制到本人我的项目的public/index.html下
<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script><script>try { const config = { bid: '须要自行替换', signkey: '须要自行替换', gateway: 'https://px-emas.dg-work.cn'专有云利用,参数在部署时请替换为正确的专有云地址https://wpk-gate.zjzwfw.gov.cn};const wpk = new wpkReporter(config);wpk.installAll();window._wpk = wpk;} catch (err) { console.error('WpkReporter init fail', err);}</script>
- 流量剖析
(1)通用采集SDK
留神:同上,间接把上面的代码复制到本人我的项目的public/index.html下,跟在稳定性监控代码上面
<script> (function(w, d, s, q, i) { w[q] = w[q] || []; var f = d.getElementsByTagName(s)[0],j = d.createElement(s); j.async = true; j.id = 'beacon-aplus'; j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js'; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'aplus_queue'); aplus_queue.push({ action: 'aplus.setMetaInfo', //专有云利用,第二个参数在部署时请替换为正确的专有云地址alog.zjzwfw.gov.cn arguments: ['aplus-rhost-v', 'alog.dg-work.cn'] }); aplus_queue.push({ action: 'aplus.setMetaInfo', //专有云利用,第二个参数在部署时请替换为正确的专有云地址alog.zjzwfw.gov.cn arguments: ['aplus-rhost-g', 'alog.dg-work.cn'] }); var u = navigator.userAgent var isAndroid = u.indexOf('Android') > -1 var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293'] });</script>
(2)根底埋点和用户信息埋点
留神:1.新建一个名叫zzdmd.js文件,把上面的代码全副拷贝进去
/* eslint-disable */export function setMd (page_id, page_name, page_url, _user_nick, _user_id) { aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK'] }) // 用户信息埋点---------------------------------------- // 单页利用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点 ------ /* eslint-disable-next-line */ aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-waiting', 'MAN'] }); /* eslint-disable-next-line */ aplus_queue.push({ 'action': 'aplus.sendPV', 'arguments': [{ is_auto: false }, { // 以后你的利用信息,此两行按利用理论参数批改,不可自定义。 sapp_id: '须要自行替换', sapp_name: '须要自行替换', page_id: page_id, // 能够用this.$route.meta.pagePath代替 page_name: page_name, // 能够用this.$route.meta.name代替 page_url: page_url // 能够用this.$route.meta.pagePath代替 }] }) // 设置会员昵称 /* eslint-disable-next-line */ aplus_queue.push({ action: "aplus.setMetaInfo", arguments: ["_user_nick", _user_nick] // 需替换为以后登录的浙政钉用户名字,uni.getStorageSync('userInfo').employeeName }) // 设置会员ID /* eslint-disable-next-line */ aplus_queue.push({ action: "aplus.setMetaInfo", arguments: ["_user_id", _user_id] // 需替换为以后登录的浙政钉用户id,uni.getStorageSync('userInfo').employeeCode) }) /* eslint-disable-next-line */ aplus_queue.push({ action: "aplus.setMetaInfo", arguments: ["_dev_id", "yourDeviceId"] }) // 如采集用户信息是异步行为,须要先设置完用户信息后再执行这个START埋点 // 此时被block住的日志会携带上用户信息逐条收回 /* eslint-disable-next-line */ aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'START'] });}
留神:2.新建一个zzdmdmx.js文件
/* eslint-disable */import { setMd } from '@/common/zzdmd.js'export default { data () { return { userInfo: {}, age: 0 } }, onLoad() { this.userInfo=uni.getStorageSync('userInfo') this.zzdmdStart() // console.log('route',this.$route) }, methods: { zzdmdStart () { setMd('jnsqss_' + this.$route.meta.pagePath,this.$route.meta.name,this.$route.meta.pagePath,uni.getStorageSync('userInfo').employeeName,uni.getStorageSync('userInfo').employeeCode) } } }
留神:3.新建一个mixin.js文件
export default { data() { return { } }}
留神:4.main.js援用下面的文件
import zzdmdmx from '@/common/zzdmdmx.js'import mixin from './common/mixin'Vue.mixin(zzdmdmx)Vue.mixin(mixin)
3.查看埋点是否胜利
留神:状态码为200则稳定性埋点胜利,page_id, page_name, page_url, _user_nick, _user_id等值赋值胜利阐明流量剖析埋点胜利