如何自定义上报埋点数据?

一只会飞的鱼儿 1年前 ⋅ 1758 阅读
ad

hello,大家好,欢迎使用webfunny埋点系统,今天将介绍自定义上报埋点。

您也可以观看:埋点自定义上报视频教程

有很多同学看到埋点系统只有前端的SDK,就觉得Webfunny好像只能进行前端埋点,其实不是的,我们同样也可以进行后端已经其他平台数据埋点。

因为前端是客户端,用户的行为多种多样,SDK更多是用来约束用户的行为的。

而后端采集数据更加明确,所以上报更加简单,接下来我们举例说明

第一步、创建一个新点位

进入数据管理 -> 点位仓库 页面中,我们创建一个简单的点位(行为点位),包含两个字段(行为名称、行为描述)

第二步、将新点位添加到SDK中

进入数据管理 -> SDK发布 页面中,新建或者编辑sdk,将刚才的新建的点位添加进来。

然后,点击详情,可以查看到这个点位需要上报的字段了,包括项目id、点位id、以及需要上报的字段

第三步、发起自定义上报

由于不同平台,发起请求的方式不一样,所以我们以postman为例,来进行上报效果展示

1. 必须字段:项目ID(projectId)、点位ID(pointId)

2. 非必须字段:内置ID(weCustomerKey)、用户ID(weUserId),这两个字段值可以相同

3. 字段内容加密:需要进行base64转码

4. 数据类型(Content-Type):application/json; charset=utf-8

上报成功效果:

然后就可以在用户细查中看到具体数据了

第四步、封装一个简单的通用方法

为了更方便的进行点位上报,需要您根据自己使用的语言封装一个简单的上报方法就可以了

伪代码如下:

        // 点位字段
        const eventObject = {
            // 自定义字段
            "xingWeiMiaoShu": base64("测试点击"),
            "xingWeiMingCheng": base64("点击"),
            // 必须字段
            "projectId": "event_20240409_1111111",
            "pointId": "202",
            // 非必须字段
            "weCustomerKey": "bbb85552-5d38-4ab4-a753-70d688602725",
            "weUserId": "12345"
        }
        // 上报方法
        function upEvents(eventObject) {
            // 点位上报地址
            fetch("http:www.xxx.com/wfEvent/upEvents",
            {
                method: "POST", 
                body: JSON.stringify([eventObject]), // 点位信息放入数据
                headers: {
                    "Content-Type": "application/json;charset=utf-8"
                }
            }).catch((e) => {
                console.log(e)
            })
        }

好了,埋点的自定义上报已经介绍完了,有什么问题可以联系我哦。

关于Webfunny

Webfunny专注于前端监控系统,前端埋点系统的研发。 致力于帮助开发者快速定位问题,帮助企业用数据驱动业务,实现业务数据的快速增长。支持H5/Web/PC前端、微信小程序、支付宝小程序、UniApp和Taro等跨平台框架。实时监控前端网页、前端数据分析、错误统计分析监控和BUG预警,第一时间报警,快速修复BUG!支持私有化部署,Docker容器化部署,可支持千万级PV的日活量!

  点赞 0   收藏 0
  • 一只会飞的鱼儿
    共发布53篇文章 获得8个收藏
全部评论: 0