在「GA小站在线课堂」布署GA4电子商务

Google Tag Manager Haran 8年前 (2016-11-14) 5654次浏览 0个评论
文章目录[隐藏]

更新时间: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&timestamp=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获取,具体如下:

在「GA小站在线课堂」布署GA4电子商务

订单金额需要自定义JavaScript的变量的方式从页面获取,具体如下:

在「GA小站在线课堂」布署GA4电子商务

这样就有了订单ID和订单金额的数据。

接下来就是通过DataLayer的方式发送purchase数据,只在微信支付成功的时候才触发,所以触发器要根据微信支付成功的URL去设置,完整设置如下:

在「GA小站在线课堂」布署GA4电子商务

由于页面没有产品信息,所以没有发送,这里只发送订单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&timestamp=2021-08-03+13:59:18

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

 

订单ID out_trade_no的设置:

在「GA小站在线课堂」布署GA4电子商务

订单金额total_amount的设置是:

在「GA小站在线课堂」布署GA4电子商务

 

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

在「GA小站在线课堂」布署GA4电子商务

 

配置触发器

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

在「GA小站在线课堂」布署GA4电子商务

 

配置代码

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

在「GA小站在线课堂」布署GA4电子商务

 

测试

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

数据结果

报告里也有数据。

 


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址