当前位置:   article > 正文

专有钉钉 浙政钉 埋点教程_浙政钉 流量稳定埋点

浙政钉 流量稳定埋点

其实专有钉钉埋点并不难 难的是刚接触的一脸懵逼 和  网上一堆不同时期的文档 各个对比 越看越懵

我还是贴一下官方文档吧 https://www.yuque.com/sisialing/bcg47r/ywfbnk

今天写这个文档是时间是 2024/03/15  如果您看到这个文档时候 和这个时间相差很远 下面可以做一个辅助 感觉能变的也就只有埋点的链接了  

首先我们的几个重要参数

sapp_id     sapp_name   bid   这几个参数是由业主上线完成后提供  业主不提供请去干死业主 谢谢

 先看稳定性监控

  1. <html lang="">
  2.   <head>
  3.     <meta charset="utf-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <meta name="viewport" content="width=device-width,initial-scale=1.0">
  6.     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  7.     <title></title>
  8.      <!-- 流量稳定监控 S 关于埋点上线打开-->
  9.      <script src='https://wpkgate-emas.ding.zj.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
  10.      <script>
  11.        try {
  12.          const config = {
  13.            bid: '', //项目提交上线之后 由业主提供给你
  14.            signkey: '1234567890abcdef',
  15.            gateway: 'https://wpkgate-emas.ding.zj.gov.cn'
  16.          };
  17.          const wpk = new wpkReporter(config);
  18.          wpk.installAll();
  19.          window._wpk = wpk;
  20.        } catch (err) {
  21.          console.error('WpkReporter init fail', err);
  22.        }
  23.      </script>
  24.   </head>
  25. </html>

     不难 但是有坑 请注意

     1. 请在index.html其引入调用

     2.    首先官方人员告知 这个最好是放在<head> 标签内   所以请放在<head> 标签内

     3.  一定要注意链接   一定要注意链接  此时的你埋点的时候 估计会给你以后 txt 文档 或者你看官方文档的时候 这个代码已经给了你  你是不是觉得复制过来就万事大吉了  (呵 太年轻了!)

文档里的链接可能是错的 当你看到这个文档的时候 这个链接也不一定对 (2024/3/15上面的链接是对的)你需要去找浙政钉的文件 如果你没有这个文件 可以去钉钉群 34302232里面去找 也可以问里面的官方人员 此时这个文件里面是这样写的

看到没 需要修改链接

此时 当你打开页面的时候 看network 表现形式是这样的

流量分析埋点

  1. /************************************************ 浙政钉的 埋点 **********************************************/
  2. export const setMetaInfo = ({ pageName, pageId, pageUrl, id, name }) => {
  3. // (function (w, d, s, q, i) {
  4. // w[q] = w[q] || [];
  5. // })(window, document, 'script', 'aplus_queue');
  6. (function(w, d, s, q, i) {
  7. w[q] = w[q] || [];
  8. var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
  9. j.async = true;
  10. j.id = 'beacon-aplus';
  11. j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
  12. f.parentNode.insertBefore(j, f);
  13. })(window, document, 'script', 'aplus_queue');
  14. aplus_queue.push({
  15. action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-v', 'alog-api.ding.zj.gov.cn']
  16. });
  17. aplus_queue.push({
  18. action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-g', 'alog-api.ding.zj.gov.cn']
  19. });
  20. var u = navigator.userAgent
  21. var isAndroid = u.indexOf('Android') > -1
  22. var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
  23. aplus_queue.push({
  24. action: 'aplus.setMetaInfo',
  25. // arguments: ['appId', isAndroid ? 'yichujiban-9E6GR9M8AumVtURzIFr' : isIOS ? 'yichujiban-9E6GR9M8AumVtURzIFr' : 'yichujiban-9E6GR9M8AumVtURzIFr']
  26. arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
  27. });
  28. // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点:
  29. aplus_queue.push({
  30. action: 'aplus.setMetaInfo', arguments: ['aplus-waiting', 'MAN']
  31. });
  32. // 单页应用路由切换后 或 在异步获取到pv日志所需的参数后再执行sendPV:
  33. aplus_queue.push({
  34. 'action':'aplus.sendPV',
  35. 'arguments':[{
  36. is_auto: false
  37. }, {
  38. // 当前你的应用信息,此两行请勿修改
  39. sapp_id: '', //等到审核成功后用户提供
  40. sapp_name: '', //等到审核成功后用户提供
  41. // 自定义PV参数key-value键值对(只能是这种平铺的json,不能做多层嵌套),如:
  42. page_id: pageId,
  43. page_name: pageName,
  44. page_url: pageUrl
  45. }]
  46. })
  47. // 用户信息埋点 如采集用户信息是异步行为需要先执行这个BLOCK埋点
  48. aplus_queue.push({
  49. action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK']
  50. });
  51. // 设置会员昵称
  52. name && aplus_queue.push({
  53. action: "aplus.setMetaInfo", arguments: ["_user_nick", name]
  54. });
  55. // 设置会员 ID
  56. id && aplus_queue.push({
  57. action: "aplus.setMetaInfo", arguments: ["_user_id", id]
  58. });
  59. // 获取当前设备信息 设置用户ID,用户设备ID可不做上报,若上报可使用开放平台JSAPI获取UUID
  60. // dd.ready(()=> {
  61. // dd.device.base.getUUID({
  62. // onSuccess : function(res) {
  63. // res.result.uuid && aplus_queue.push({
  64. // action: "aplus.setMetaInfo", arguments: ["_dev_id", res.result.uuid]
  65. // });
  66. // },
  67. // onFail : function(err) {
  68. // console.log(err);
  69. // }
  70. // })
  71. // })
  72. // 如采集用户信息是异步行为,需要先设置完用户信息后再执行这个START埋点
  73. // 此时被block住的日志会携带上用户信息逐条发出
  74. aplus_queue.push({
  75. action: 'aplus.setMetaInfo', arguments: ['_hold', 'START']
  76. })
  77. }

1.  我们先说说参数

        pageName: 页面名称 你要是没有的话自己在路由的meta去加 然后传递过来

        pageId: 页面id 你要是没有的话自己在路由的meta去加 然后传递过来

        pageUrl: 你的路由path 这个你你的路由path  或者 http: 开头的链接都行 我们的项目是这两种都用了 所以我觉得应该都行

        id: 登录用户的 accountId 也就是你这个是必须要登录的

        name: 我用的是用户的 nickNameCn

2. 需要注意的点 依旧是链接 我们来看官方文档

看到没 我写的时候也看到了 但是结合网上的的文档 和 用户给我的txt文件 都不是这个 所以我没改 然后两次没成功  这个地方一定要注意

3. 这个的调用时机 在每次路由跳转到其他页面的时候 包括首页也需要 首页也需要哦

此时你看页面的请求

如果你上的都做了 就可以试着提交了  

 (啥 你问我是不是这样一定能成功  呵 看命)

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/298344
推荐阅读
相关标签
  

闽ICP备14008679号