埋点系统的group归类能力

纵目信息

于 2023-02-02 15:50:34 发布

阅读量146

点赞数

分类专栏： webfunny 文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/2301_76378888/article/details/128849552

版权

webfunny 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何在前端实现埋点系统的动态归类能力，以跟踪商品购买按钮的点击量。通过新建具备归类属性的点位字段、创建点位、构建SDK和上报数据，实现了对不同商品的自动归类和点击量统计，适用于动态属性值的监控和分析。Webfunny作为一个专业监控工具，提供实时监控、错误统计和私有化部署等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：

比如我有N个商品，这些商品不确定几个。。。，但是我想知道每个商品的购买按钮点击量，也就是自动归类的能力，用来支持动态属性值，展示top排序。

一、新建点位字段（有归类属性）

在新建点位字段的时候，把归类属性勾选上，那么这个字段就具有归类的能力了，比如商品名称

二、创建点位

三、创建sdk

创建探针代码，下载引入到项目中

四、上报数据

前端示例如下：

<button id="product1">华为手机</button><button id="product2">OPPO手机</button><button id="product3">苹果手机</button>

$("#product1").click(function() {
  //测试数据
  const data = {
    shangPinMingCheng:"华为手机"
  }
  //数据上报, 其中10 表示点位值 
  _webfunnyEvent[21].trackEvent(data);
});
$("#product2").click(function() {
  //测试数据
  const data = {
    shangPinMingCheng:"OPPO手机"
  }
  //数据上报, 其中10 表示点位值 
  _webfunnyEvent[21].trackEvent(data);
});
$("#product3").click(function() {
  //测试数据
  const data = {
    shangPinMingCheng:"苹果手机"
  }
  //数据上报, 其中10 表示点位值 
  _webfunnyEvent[21].trackEvent(data);
});