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

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

一、基本概念与准备工作

二、接入流程

步骤 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   
相关推荐
星光一影3 小时前
Java版小区物业管理系统/业主端/物业端/管理端/支持公众号、小程序、app
java·大数据·小程序
努力的小雨4 小时前
PromptPilot 产品发布:火山引擎助力AI提示词优化的新利器
人工智能·火山引擎
2501_9159090611 小时前
tcpdump 抓包数据分析实战,命令、过滤、常见故障定位与真机补充流程
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
赵庆明老师15 小时前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
00后程序员张17 小时前
tcpdump 抓包分析,命令、过滤技巧、常见症状定位与移动真机补充方案
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
会点法律的程序员20 小时前
小程序 地理位置授权怎么搞
前端·小程序·uni-app
2501_915921431 天前
iOS 26 电耗监测与优化,耗电问题实战 + 多工具 辅助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915921431 天前
苹果软件混淆与 iOS 应用加固白皮书,IPA 文件加密、反编译防护与无源码混淆方案全解析
android·ios·小程序·https·uni-app·iphone·webview
火山引擎边缘云1 天前
火山引擎多媒体实验室画质理解大模型Q-Insight入选NeurIPS 2025 Spotlight
火山引擎