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

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

一、基本概念与准备工作

二、接入流程

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

步骤 2:配置元数据

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

步骤 3:接入数据

  • 开发必读

  • 小程序接入

  • 注意点:

    • 1)导入入口文件需要使用单一平台,否则会出现超包无法上传;并且在node_modules和node_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_modules和node_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   
相关推荐
paopaokaka_luck6 小时前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活
m0_5873830015 小时前
广州24小时自助健身房解决方案实战指南与系统部署要点
java·spring·小程序·架构·需求分析
m0_5873830020 小时前
西安同城拼车软件开发实战指南:从零搭建高效系统
人工智能·小程序·数据挖掘·系统架构·需求分析
weixin_lynhgworld1 天前
抽取类盲盒小程序的五条合规红线意味着什么?
小程序
现任明教教主~1 天前
运营级多门店洗车贴膜汽车在线核销保养服务系统洗车预约洗车系统消费分佣扫码核销系统
微信小程序·小程序·汽车
小小王app小程序开发1 天前
盲盒微信小程序开发实战:架构、核心难点与实现方案
小程序
MoonMoonLee7 天前
小程序配置
小程序
2501_916007477 天前
苹果商店iOS应用上架费用全面解析:开发者计划与审核费用计算
android·ios·小程序·https·uni-app·iphone·webview
JQweryuiop7 天前
中小型游戏陪练工作室数字化管理实践:基于七彩屋电竞护航小程序订单、履约与绩效系统的落地复盘
大数据·游戏·小程序·架构