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

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

一、基本概念与准备工作

二、接入流程

步骤 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   
相关推荐
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una1 天前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro
计算机毕设指导61 天前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
Jiaberrr1 天前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
Code王1 天前
【课程设计/毕业设计】基于springboot +微信小程序的家政服务平台系统基于小程序的家政服务系统安全开发【附源码、数据库、万字文档】
spring boot·小程序·课程设计
CHU7290351 天前
旧物回收小程序前端功能版块解析:便捷赋能闲置循环
小程序
说私域1 天前
开源AI智能名片链动2+1模式S2B2C商城小程序驱动下的电商裂变增长路径研究
人工智能·小程序·开源·流量运营·私域运营