赞
踩
其实专有钉钉埋点并不难 难的是刚接触的一脸懵逼 和 网上一堆不同时期的文档 各个对比 越看越懵
我还是贴一下官方文档吧 https://www.yuque.com/sisialing/bcg47r/ywfbnk
今天写这个文档是时间是 2024/03/15 如果您看到这个文档时候 和这个时间相差很远 下面可以做一个辅助 感觉能变的也就只有埋点的链接了
首先我们的几个重要参数
sapp_id sapp_name bid 这几个参数是由业主上线完成后提供 业主不提供请去干死业主 谢谢
先看稳定性监控
- <html lang="">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title></title>
- <!-- 流量稳定监控 S 关于埋点上线打开-->
- <script src='https://wpkgate-emas.ding.zj.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
- <script>
- try {
- const config = {
- bid: '', //项目提交上线之后 由业主提供给你
- signkey: '1234567890abcdef',
- gateway: 'https://wpkgate-emas.ding.zj.gov.cn'
- };
- const wpk = new wpkReporter(config);
- wpk.installAll();
- window._wpk = wpk;
- } catch (err) {
- console.error('WpkReporter init fail', err);
- }
- </script>
- </head>
- </html>
不难 但是有坑 请注意
1. 请在index.html其引入调用
2. 首先官方人员告知 这个最好是放在<head> 标签内 所以请放在<head> 标签内
3. 一定要注意链接 一定要注意链接 此时的你埋点的时候 估计会给你以后 txt 文档 或者你看官方文档的时候 这个代码已经给了你 你是不是觉得复制过来就万事大吉了 (呵 太年轻了!)
文档里的链接可能是错的 当你看到这个文档的时候 这个链接也不一定对 (2024/3/15上面的链接是对的)你需要去找浙政钉的文件 如果你没有这个文件 可以去钉钉群 34302232里面去找 也可以问里面的官方人员 此时这个文件里面是这样写的
看到没 需要修改链接
此时 当你打开页面的时候 看network 表现形式是这样的
流量分析埋点
- /************************************************ 浙政钉的 埋点 **********************************************/
- export const setMetaInfo = ({ pageName, pageId, pageUrl, id, name }) => {
-
- // (function (w, d, s, q, i) {
- // w[q] = w[q] || [];
- // })(window, document, 'script', 'aplus_queue');
- (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', arguments: ['aplus-rhost-v', 'alog-api.ding.zj.gov.cn']
- });
- aplus_queue.push({
- action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-g', 'alog-api.ding.zj.gov.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 ? 'yichujiban-9E6GR9M8AumVtURzIFr' : isIOS ? 'yichujiban-9E6GR9M8AumVtURzIFr' : 'yichujiban-9E6GR9M8AumVtURzIFr']
- arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
- });
-
- // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点:
- aplus_queue.push({
- action: 'aplus.setMetaInfo', arguments: ['aplus-waiting', 'MAN']
- });
- // 单页应用路由切换后 或 在异步获取到pv日志所需的参数后再执行sendPV:
- aplus_queue.push({
- 'action':'aplus.sendPV',
- 'arguments':[{
- is_auto: false
- }, {
- // 当前你的应用信息,此两行请勿修改
- sapp_id: '', //等到审核成功后用户提供
- sapp_name: '', //等到审核成功后用户提供
- // 自定义PV参数key-value键值对(只能是这种平铺的json,不能做多层嵌套),如:
- page_id: pageId,
- page_name: pageName,
- page_url: pageUrl
- }]
- })
-
- // 用户信息埋点 如采集用户信息是异步行为需要先执行这个BLOCK埋点
- aplus_queue.push({
- action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK']
- });
- // 设置会员昵称
- name && aplus_queue.push({
- action: "aplus.setMetaInfo", arguments: ["_user_nick", name]
- });
- // 设置会员 ID
- id && aplus_queue.push({
- action: "aplus.setMetaInfo", arguments: ["_user_id", id]
- });
- // 获取当前设备信息 设置用户ID,用户设备ID可不做上报,若上报可使用开放平台JSAPI获取UUID
- // dd.ready(()=> {
- // dd.device.base.getUUID({
- // onSuccess : function(res) {
- // res.result.uuid && aplus_queue.push({
- // action: "aplus.setMetaInfo", arguments: ["_dev_id", res.result.uuid]
- // });
- // },
- // onFail : function(err) {
- // console.log(err);
- // }
- // })
- // })
- // 如采集用户信息是异步行为,需要先设置完用户信息后再执行这个START埋点
- // 此时被block住的日志会携带上用户信息逐条发出
- aplus_queue.push({
- action: 'aplus.setMetaInfo', arguments: ['_hold', 'START']
- })
- }
1. 我们先说说参数
pageName: 页面名称 你要是没有的话自己在路由的meta去加 然后传递过来
pageId: 页面id 你要是没有的话自己在路由的meta去加 然后传递过来
pageUrl: 你的路由path 这个你你的路由path 或者 http: 开头的链接都行 我们的项目是这两种都用了 所以我觉得应该都行
id: 登录用户的 accountId 也就是你这个是必须要登录的
name: 我用的是用户的 nickNameCn
2. 需要注意的点 依旧是链接 我们来看官方文档
看到没 我写的时候也看到了 但是结合网上的的文档 和 用户给我的txt文件 都不是这个 所以我没改 然后两次没成功 这个地方一定要注意
3. 这个的调用时机 在每次路由跳转到其他页面的时候 包括首页也需要 首页也需要哦
此时你看页面的请求
如果你上的都做了 就可以试着提交了
(啥 你问我是不是这样一定能成功 呵 看命)
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。