FinClip为企业提供小程序生态圈技术产品,开发者可在FinClip小程序开发帮助中心找到相关FinClip小程序指引

文档中心
  • 介绍
  • 开发
  • 小程序 SDK
  • 常见问题
  • 数据
  • 设计
  • 运营

# 事件及漏斗统计详细说明

# 一、事件及漏斗分析概述

事件分析是通过追踪用户在小程序内触发的特定事件（如按钮点击、表单提交等），分析这些事件的发生频率和相关用户行为，从而优化功能设计和提高用户参与度。漏斗分析是事件分析中的一个重要应用场景，用于分析用户在多步骤流程中的转化与流失情况。

在本文档中我们尝试以实际业务场景中作为示例，帮助您进一步了解 FinClip 的事件统计功能。您可以根据本页面中的指引与介绍，进一步了解 FinClip 中的事件及漏斗统计功能，并结合实际业务场景，实现您自有项目中的统计需求。

# 二、支付链路漏斗事件分析案例

# 1. 定义支付链路的漏斗步骤

假设在实际业务场景中，某用户行为链路中包含有“支付事件转化”的关键步骤，我们需要对此链路中的支付转化与流失率进行统计。

image.jpg

因此我们在此链路中设计了如下 3 个事件：

  • 用户点击“立即支付”按钮（事件A）
  • 用户选择支付方式（事件B）
  • 用户完成支付并返回支付成功页面（事件C）

# 2. 管理后台事件配置

在 FinClip 管理后台，进行事件配置的步骤如下：

  • 进入事件管理页面：登录 FinClip 管理后台，进入“事件分析”模块。
  • 创建事件：

# 事件A（点击“立即支付”按钮）：

  • 事件 ID：click_pay_button
  • 事件名称：点击立即支付按钮
  • 属性：
    • page（页面路径，类型为字符串）
    • amount（支付金额，类型为数字）

# 事件B（选择支付方式）：

  • 事件 ID：select_payment_method
  • 事件名称：选择支付方式
  • 属性：
    • method（支付方式，类型为字符串，如“微信支付”、“支付宝”等）
    • page（页面路径，类型为字符串）

# 事件C（支付成功）：

  • 事件 ID：payment_success
  • 事件名称：支付成功
  • 属性：
    • page（页面路径，类型为字符串）
    • transaction_id（交易ID，类型为字符串）

# 配置漏斗分析：

  • 在漏斗分析模块中，创建一个新的漏斗模型。
  • 添加步骤：
    • 第一步：click_pay_button
    • 第二步：select_payment_method
    • 第三步：payment_success
  • 设置时间范围和窗口期（例如，时间范围为1天，窗口期为1小时）。

具体配置截图

首先在管理后台中新增对应的事件（分析-事件统计-事件管理）与属性（分析-事件统计-属性管理）。 image.png image.png

完成事件与属性后，回到事件管理中修改属性配置，完成对应事件与属性的关联绑定。 image.png

最后回到漏斗设计中，分别新增关联的统计漏斗与统计分析（分析-漏斗分析-新增漏斗/新增分析）。 image.png image.png

完成创建后，即可在漏斗分析页面中看到创建好的统计漏斗，用于检测链路转化效果。

# 3. 小程序页面上报

在小程序代码中，使用 ft.reportEvent API 上报事件。以下是具体的上报代码示例：

# 事件A（点击“立即支付”按钮）：

// 在支付按钮的点击事件中
ft.reportEvent('click_pay_button', {
  page: '/pages/pay/index',
  amount: 100.00
});

# 事件B（选择支付方式）：

// 在支付方式选择的回调中
ft.reportEvent('select_payment_method', {
  method: '微信支付',
  page: '/pages/pay/method'
});

# 事件C（支付成功）：

// 在支付成功的回调中
ft.reportEvent('payment_success', {
  page: '/pages/pay/success',
  transaction_id: '123456789'
});

小程序代码截图

在小程序页面代码中，主要需要完成页面结构与页面逻辑代码配置，如下图中所示： image.png image.png

# 4. 移动端唤起收银台事件上报（以 Android 为例）

在移动端（如 Android 应用）中，使用 FinClip SDK 提供的事件上报方法。以下是具体的上报代码示例：

# 事件A（点击“立即支付”按钮）：

// 在支付按钮的点击事件中
Map<String, Object> eventData = new HashMap<>();
eventData.put("page", "/pages/pay/index");
eventData.put("amount", 100.00);
FinAppClient.reportEvent("click_pay_button", eventData);

# 事件B（选择支付方式）：

// 在支付方式选择的回调中
Map<String, Object> eventData = new HashMap<>();
eventData.put("method", "微信支付");
eventData.put("page", "/pages/pay/method");
FinAppClient.reportEvent("select_payment_method", eventData);

# 事件C（支付成功）：

// 在支付成功的回调中
Map<String, Object> eventData = new HashMap<>();
eventData.put("page", "/pages/pay/success");
eventData.put("transaction_id", "123456789");
FinAppClient.reportEvent("payment_success", eventData);

# 三、数据分析与优化

通过 FinClip 管理后台的漏斗分析模块，可以查看支付链路的转化率和流失情况：

  • 转化率分析：查看从点击支付按钮到支付成功的转化率，分析每个步骤的转化率，找出转化率较低的环节。
  • 流失分析：分析用户在支付链路中的流失点，例如，用户在选择支付方式时流失较多，可能是支付方式选择不够便捷或支付方式有限。
  • 优化建议：
    • 如果用户在选择支付方式时流失较多，可以优化支付方式的展示和选择流程，增加更多支付方式。
    • 如果用户在支付成功页面流失较多，可以优化支付成功后的用户体验，例如提供优惠券、推荐相关商品等。

通过以上步骤，可以实现对支付链路的详细事件分析和漏斗分析，帮助开发者优化支付流程，提高用户支付转化率。希望这份说明能够帮助开发者更好地理解和使用 FinClip 的事件分析功能。

# 四、相关文档

您可以参考下列相关文档，进一步完成自定义事件配置，以便于进一步完成统计分析业务需求。

© FinClip with ❤ , Since 2017