Uniapp实现浙政钉应用埋点,亲测可用哦
话不多说 直接上代码
一、项目根目录创建lib.js (和main.js文件根目录同级)
放入以下代码:var system = dd.getSystemInfoSync()
var ptf = system.platform.toUpperCase()
//这个是引入浙政钉埋点js文件 需要在utils下创建js文件 aplus_mini_202951027.js文件单独私聊我哦
const ap = require("./utils/aplus_mini_202951027.js")
export const aplus = ap({
'metaInfo': {
'appId':ptf=='ANDROID'?'28302650':ptf=='IOS'?'28328447':'47130293',
'aplus-rhost-v': 'alog.zjzwfw.gov.cn',
'aplus-rhost-g': 'alog.zjzwfw.gov.cn'
}
})
export const sendPV = (page_id, page_name, page_url) => {
aplus.aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN']
});
// 如采集用户信息是异步行为需要先执行这个BLOCK埋点
aplus.aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
})
aplus.aplus_queue.push({
'action': 'aplus.sendPV',
'arguments': [
{ is_auto: false },
{
//这个是应用的app_id sapp_id: '', //这个是应用的app_name sapp_name: 'yunximini',
page_id,
page_name,
page_url
}]
})
//用户id需要埋政钉用户真实信息,用户ID必须用accountId,可通过开放平台“获取用户详情”接口获取。
// 设置用户信息
const user=uni.getStorageSync('userInfo')
aplus.aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_user_id', user.accountId]
})
// 携带上之前拦截的埋点信息一并发布
aplus.aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
})
}
二、main.js文件中放入以下代码
//这个意思是引入埋点的方法
import { aplus } from "./lib.js";
同时在new Vue实例里面加上aplus
例如:
const app = new Vue({
aplus
})
三、Vue页面使用 (埋点只需要把tabber页面、二级页面加上就可以。并不是每个都要加)
3.1 import { sendPV } from "../../lib.js" // 引入埋点文件里面sendPV方法
3.2 在页面onLoad生命周期中加上以下示例代码:
onLoad() {
//第一个代表当前页面的路径(和pages.json文件中一致) 第二个代表埋点的页面名称,就是你页面名称。第三个和第一个一样
sendPV("/pages/login/index", "登录", "/pages/login/index");
},
有问题可以留言
一对一带新手、带前端、包学会、包就业。