uni-app浙政钉H5项目埋点

  1. 稳定性监控
    注意:直接把下面的代码复制到自己项目的public/index.html下

uni-app浙政钉H5项目埋点_第1张图片

  1. 流量分析
    (1)通用采集SDK
    注意:同上,直接把下面的代码复制到自己项目的public/index.html下,跟在稳定性监控代码下面

uni-app浙政钉H5项目埋点_第2张图片

(2)基础埋点和用户信息埋点

注意:1.新建一个名叫zzdmd.js文件,把下面的代码全部拷贝进去

uni-app浙政钉H5项目埋点_第3张图片

/* 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']
    });
}

uni-app浙政钉H5项目埋点_第4张图片

注意:2.新建一个zzdmdmx.js文件

uni-app浙政钉H5项目埋点_第5张图片

/* 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文件

uni-app浙政钉H5项目埋点_第6张图片

export default {
    data() {
        return {

        }
    }
}

注意:4.main.js引用上面的文件
uni-app浙政钉H5项目埋点_第7张图片

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等值赋值成功说明流量分析埋点成功

uni-app浙政钉H5项目埋点_第8张图片
uni-app浙政钉H5项目埋点_第9张图片

你可能感兴趣的:(uni-app浙政钉H5项目埋点)