「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=2021080322001418721456387515&auth_app_id=2021001189699158&version=1.0&app_id=202102342424&sign_type=RS2&seller_id=213031&timestamp=2021-08-03+13:59:18


可以看到可以通过微信的URL获取订单ID,交易金额就需要去页面获取,而支付宝的,订单ID和订单都是URL上,可以直接获取使用。


接下来就可以布署了。


Google Analytics开启电子商务跟踪

在Google Analytics的数据视图设置里的电子商务设置开启电子商务和启用增强型电子商务报告:

 

获取和发送订单数据

基本的思路就是从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=2021080322001418721456387515&auth_app_id=2021001189699158&version=1.0&app_id=202102342424&sign_type=RS2&seller_id=213031&timestamp=2021-08-03+13:59:18


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

 

订单ID out_trade_no的设置:


订单金额total_amount的设置是:

 

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

 

配置触发器

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

 

配置代码

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

 

测试

接下来就是测试:

事件触发。


数据结果验证

 

报告里也有数据。

 



点赞(3) 打赏

Comment list 共有 0 条评论

暂无评论

服务号

订阅号

商务洽谈

微信联系站长

发表
评论
立即
投稿
返回
顶部