使用GA4增强型电子商务跟踪「GA小站在线课堂」支付成功页面（微信 / 支付宝）

更新时间：2025年12月10日

已出视频课程，直接看：最全面的增强型电子商务布署视频教程

虽然「GA小站在线课堂」是一个在线课程网站，但其购买流程本质上与一般电商一致，因此完全可以部署 GA4 的 增强型电子商务（Enhanced Ecommerce），尤其是 Purchase（订单支付成功） 事件。

本篇以 GA 小站在线课堂为例，说明如何在用户 支付成功页面（微信 or 支付宝）上正确获取订单信息，并通过 Google Tag Manager（GTM） 推送到 DataLayer，再发送 GA4 purchase 事件。

支付成功页面结构分析

「GA小站在线课堂」支持 支付宝 和 微信支付，两者的支付成功页面 URL 不一样，因此需要分开处理，以为支付宝的为例子

支付宝支付成功 URL：

edu.ichdata.com/member/order/pay/success?charset=utf-8&out_trade_no=195913585286&method=alipay.trade.page.pay.return&total_amount=299.00&sign=tt/r9ZOyxQ187pNs/azGcHUMVUQ/bb==&trade_no=20210803220014187214563ppp87515&auth_app_id=2021000001189699158&version=1.0&app_id=202100002342424&sign_type=RS2&seller_id=21399031&timestamp=2021-08-03+13:59:18

特点：

• out_trade_no = 订单 ID
• total_amount = 金额
• 两者都在 URL Query 参数中，可直接通过 GTM URL 参数变量获取

总体部署思路

• 判断支付方式（微信/支付宝）:通过 URL 匹配触发器区分支付成功页面
• 从 URL 获取订单信息
  • 支付宝：订单 ID & 金额 → URL Query 参数直接读取
• 在 GTM 中 push DataLayer：将订单信息组织成 GA4 purchase 事件需要的格式
• 使用 DataLayer 事件触发 GA4 purchase Tag

支付宝支付成功页部署

分析可以得到out_trade_no是订单ID，total_amount是订单金额，直接可以通过URL获取。

获取订单 ID（URL 参数）

订单ID out_trade_no的设置：

获取订单金额

订单金额total_amount的设置是：

推送 DataLayer（自定义 HTML Tag）

接下来就是通过DataLayer的方式发送purchase数据，只在支付宝支付成功的时候才触发：

GA4 Purchase 事件设置

配置触发器

电商数据已经发出，需要配置触发器，用的是数据层里面的event，在触发器里用自定义事件的方式：

配置代码

电商数据需要通过事件的形式发送出去，所以在purchase的event需要开启增强型电子商务功能，具体如下：

测试与验证

接下来就是测试，事件触发就表示没问题，可以发布。

GA4 报表查看

报告里也有数据。

延伸阅读：

• Google Analytics 4 布署电子商务（gtag方法）
• 通过Google Tag Manager布署电子商务（GA4）