• uniapp 浙政钉埋点——小程序


    浙政钉埋点官网:浙政钉-H5&小程序应用采集开发手册    不容易看懂

    看完先别急着动手:参照这个示例    浙政钉小程序SDK 埋点示例

    提示:

    1.注意每个应用中sapp_id、sapp_name是不同的

    2.小程序不需要埋稳定性监控,只需流量分析的埋点,流量分析代码可写通用js,在所需页面引入

    步骤&文件目录位置:

    1. 下载小程序通用采集SDK: (官网开发手册中下载)  没有utils目录就新建一个

    2. 小程序 main.js 内引用 sdk,并做相应配置

      1. import dd from 'gdt-jsapi';
      2. var system = dd.getSystemInfoSync()
      3. var ptf = system.platform.toUpperCase()
      4. var aplus = require('./utils/aplus_mini.js')(
      5. {
      6. 'metaInfo':{
      7. 'appId':ptf=='ANDROID'?'28302650':ptf=='IOS'?'28328447':'47130293',
      8. 'aplus-rhost-v':'alog.zjzwfw.gov.cn',
      9. 'aplus-rhost-g':'alog.zjzwfw.gov.cn'
      10. }
      11. }
      12. );
      13. Vue.prototype.$aplus = aplus
      14. // 自定义封装埋点方法全局注册
      15. import { baseAplus } from './utils/dataCollection.js'
      16. Vue.prototype.$baseAplus = baseAplus
    3. 封装流量分析埋点代码

      1. export function baseAplus(data) {
      2. let curPage = getCurrentPages();
      3. let route = curPage[curPage.length - 1].route;
      4. console.log('路由信息',route)
      5. console.log('埋点信息',data)
      6. // 基础埋点
      7. this.$aplus.aplus_queue.push({
      8. action:'aplus.setMetaInfo',
      9. arguments:['aplus-waiting','MAN']
      10. });//
      11. //单页应用路由切换后或在异步获取到pv日志所需的参数后再执行sendPV:
      12. this.$aplus.aplus_queue.push({
      13. 'action':'aplus.sendPV',
      14. 'arguments':[{
      15. is_auto:false
      16. },{
      17. //当前你的应用信息,此两行按应用实际参数修改,不可自定义。
      18. sapp_id:'替换为-浙政钉租户id',
      19. sapp_name:'替换为-应用标识',
      20. //自定义PV参数key-value键值对(只能是这种平铺的json,不能做多层嵌套),
      21. // page_id: '页面ID,与page 参数配合使用,保证唯一性',
      22. // page_name: '页面中文名称',
      23. // page_url: '页面URL'
      24. page_id: data.id,
      25. page_name: data.name,
      26. page_url: route
      27. }]
      28. })
      29. //如采集用户信息是异步行为需要先执行这个BLOCK埋点
      30. this.$aplus.aplus_queue.push({
      31. action:'aplus.setMetaInfo',
      32. arguments:['_hold','BLOCK']
      33. });
      34. //设置会员ID
      35. this.$aplus.aplus_queue.push({
      36. action:"aplus.setMetaInfo",
      37. arguments:["_user_id","当前会员ID"]
      38. });
      39. this.$aplus.aplus_queue.push({
      40. action:"aplus.setMetaInfo",
      41. arguments:["_dev_id","yourDeviceId"]
      42. });
      43. //如采集用户信息是异步行为,需要先设置完用户信息后再执行这个START埋点
      44. //此时被block住的日志会携带上用户信息逐条发出
      45. this.$aplus.aplus_queue.push({
      46. action:'aplus.setMetaInfo',
      47. arguments:['_hold','START']
      48. });
      49. console.log('埋点完成')
      50. }
    4. 调用埋点 ——需要的页面调用

      1. buryPoint() {
      2. let that = this
      3. that.$baseAplus({
      4. id:'index',
      5. name:'首页',
      6. })
      7. }

      调用成功:
      后续会更新敬请期待O(∩_∩)O~~~

  • 相关阅读:
    2024年孝感市建筑类中级职称申报资料私企VS国企
    Python潮流周刊#10:Twitter 的强敌 Threads 是用 Python 开发的!
    网络虚拟化之Docker的网络模式
    2022年新版Pycharm通过project interpreter国内镜像源设置
    java版Spring Cloud+Mybatis+Oauth2+分布式+微服务+实现工程管理系统
    Go语言结构体内嵌接口
    Java --- springMVC实现RESTFul案例
    mapBox添加本地图片
    mybatis 八股篇(1)
    黑白简约个人网页制作 大学生个人网页设计模板 学生个人博客网页成品 简单个人网站作品下载 静态HTML CSS个人网页作业源代码
  • 原文地址:https://blog.csdn.net/qq_21113235/article/details/126641979