小程序如何接入火山引擎埋点数据

记录火山引擎埋点涉及的主要文档及注意点

一、基本概念与准备工作

二、接入流程

步骤 1:在火山引擎后台创建 / 配置应用

步骤 2:配置元数据

配置一般事件事件属性用户属性

步骤 3:接入数据

  • 开发必读

  • 小程序接入

  • 注意点

    • 1)导入入口文件需要使用单一平台,否则会出现超包无法上传;并且在node_modulesnode_modules文件夹中必须同步删除无用的文件(包文件结构说明),例如只用到了Auto插件,那么保留以下文件即可
    javascript 复制代码
    // 导入明确的某个小程序平台入口文件
    import WXSDK from '@datarangers/sdk-mp/esm/wx';
    // 导入所需插件,比如 auto 插件
    import Auto from '@datarangers/sdk-mp/esm/plugin/auto';
    WXSDK.usePlugin(Auto); 
    
    // 实例化SDK
    const $$sdk = new WXSDK();
    $$sdk.init({
      // 请更换成自己的app_id
      app_id: 0,
      auto_report: {
      	click: true //点击事件
      }, // 开启预置事件采集
    });
    $$sdk.send();
    tree 复制代码
    ├─ @datarangers
    │  ├─ sdk-mp                     
    │  │  ├─ esm 
    │  │  │  ├─ plugin
    │  │  │  │  ├─ auto.js
    │  │  │  ├─ wx.js
    │  │  ├─ package.json 
    │  │  ├─ README.md
    │  │  ├─ sdk.d.ts   
    • 2)在火山上user_unique_id和user_id都是代表用户的实名id,所以两者设置方式一样(即:user_unique_id修改后,user_id自动同步更新)
    javascript 复制代码
    	$$sdk.config({
    		user_unique_id: '{{USER_UNIQUE_ID}}'
    	});
    • 3)服务器域名可在火山引擎后台"增长分析 > 数据管理 > 埋点实时验证 > 微信小程序"中查询到

步骤 4:测试 & 验证上报

  • 埋点数据验证

  • 通用埋点验证操作指引

  • 埋点实时验证

  • 注意点 :使用"埋点实时验证"时,需要导入"实时验证"插件,并且node_modulesnode_modules文件夹保留对应文件

    javascript 复制代码
    // 导入入口文件
    import WXSDK from '@datarangers/sdk-mp/esm/wx';
    // 导入所需插件,verify
    import verify from '@datarangers/sdk-mp/esm/plugin/verify'
    WXSDK.usePlugin(verify); 
    
    // 实例化SDK
    const $$sdk = new WXSDK();
    $$sdk.init({
      // 请更换成自己的app_id
      app_id: 0,
    });
    $$sdk.send();
    tree 复制代码
    ├─ @datarangers
    │  ├─ sdk-mp                     
    │  │  ├─ esm 
    │  │  │  ├─ plugin
    │  │  │  │  ├─ verify.js
    │  │  │  ├─ wx.js
    │  │  ├─ package.json 
    │  │  ├─ README.md
    │  │  ├─ sdk.d.ts   
相关推荐
andrsted8 小时前
用练题簿小程序 - 让错题不再白错
学习·微信小程序·小程序·学习方法
2601_949950638 小时前
练题簿,把培训从“走过场”变成“真落地”
人工智能·学习·小程序·刷题·小程序推荐
疯狂小猫咪8 小时前
中小培训机构教务数字化踩坑复盘|从 Excel 过渡到教务系统经验总结
小程序·excel
www_aiyuanma_vip19 小时前
信息安全小卫士
小程序
www_aiyuanma_vip1 天前
家乡介绍小程序
小程序·notepad++
www_aiyuanma_vip1 天前
信息安全小卫士(深色系版本)
小程序
博、、1 天前
智慧场馆小程序系统实战指南:从架构设计到落地部署
小程序
冠品科技-小程序开发1 天前
做实体的,盲盒玩法别只停留在线下
小程序·软件构建·个人开发·软件需求
2501_915106321 天前
iOS数据采集技术详解:从性能监控到崩溃分析的全链路实践
android·ios·小程序·https·uni-app·iphone·webview
黑马程序员毕设2 天前
基于Java的医院药品管理系统的优化设计与实现
java·开发语言·spring boot·小程序·架构·课程设计·毕设