更新时间:2023-10
已出视频课程,直接看:最全面的增强型电子商务布署视频教程
将「GA小站在线课堂」虽然是在线课堂站点,但其实整个流程都是电子商务的模式,也就是可以布署增强型电商。
下面就以「GA小站在线课堂」为例子,跟踪订单支付成功的数据,其实就是purchase的跟踪。
「GA小站在线课堂」支持支付宝和微信支付,它们的URL是不一样的,所以需要根据URL去设置触发器,然后需要获取订单ID和订单金额等信息:
- 微信:https://edu.ichdata.com/member/order/pay/wechat/15821553611
- 支付宝: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×tamp=2021-08-03+13:59:18
可以看到可以通过微信的URL获取订单ID,交易金额就需要去页面获取,而支付宝的,订单ID和订单都是URL上,可以直接获取使用。
接下来就可以布署了。
获取和发送订单数据
基本的思路就是从URL或页面获取交易ID和交易金额,然后通过自定义HTML的形式通过datalayer将订单信息发送出去。
微信
微信的支付成功URL是:https://edu.ichdata.com/member/order/pay/wechat/15821553611
订单号是11为的数字,在GTM中,可以通过自定义JavaScript的变量去从URL获取,具体如下:
订单金额需要自定义JavaScript的变量的方式从页面获取,具体如下:
这样就有了订单ID和订单金额的数据。
接下来就是通过DataLayer的方式发送purchase数据,只在微信支付成功的时候才触发,所以触发器要根据微信支付成功的URL去设置,完整设置如下:
由于页面没有产品信息,所以没有发送,这里只发送订单ID和订单金额。
上述设置实现的是:当微信支付成功的时候,会获取订单ID和订单金额,然后通过DataLayer的形式发送出去。
支付宝
支付宝支付成功的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×tamp=2021-08-03+13:59:18
分析可以得到out_trade_no是订单ID,total_amount是订单金额,直接可以通过URL获取。
订单ID out_trade_no的设置:
订单金额total_amount的设置是:
接下来就是通过DataLayer的方式发送purchase数据,只在支付宝支付成功的时候才触发:
配置触发器
电商数据已经发出,需要配置触发器,用的是数据层里面的event,在触发器里用自定义事件的方式:
配置代码
电商数据需要通过事件的形式发送出去,所以在purchase的event需要开启增强型电子商务功能,具体如下:
测试
接下来就是测试,事件触发就表示没问题,可以发布。
数据结果
报告里也有数据。