Google Analytics 4 布署电子商务

Google Analytics 4 黄业忠 4个月前 (06-01) 898次浏览 30个评论

如果你是用GTM安裝GA的方式,请看Google Analytics 4 :Google Tag Manager电商配置指南

这一节我们来介绍,如果你不用Google Tag Manager去安装Google Analytics,而是通过直接安装gtag.js追踪码的方式,看如何实现电子商务的设置。

由于没有使用Google Tag Manager,所以需要开发通过代码直接实现电子商务事件,它直接就能够将事件发送给GA4,接下来,我们来看不同电商位置需要布署的示例代码:

 

普通产品

  • view_item_list :产品展示
  • view_item:查看产品
  • select_item:点击产品

 

view_item_list :产品展示

gtag('event', 'view_item_list', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    index: 5,
    item_list_name: 'Related Products',
    item_list_id: 'related_products',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  item_list_name: 'Related products',
  item_list_id: 'related_products'
});

 

注意item_list_name 或 item_list_id 的值必須保持固定。对于给定的列表,这些值始终是相同的。

view_item:查看产品

gtag('event', 'view_item', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 9.99
});

 

 

select_item:点击产品

gtag('event', 'select_item', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    index: 5,
    item_list_name: 'Related Products',
    item_list_id: 'related_products',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  item_list_name: 'Related products',
  item_list_id: 'related_products'
});

 

 

促销产品

  • view_promotion:促销产品展示
  • select_promotion:点击促销产品

 

view_promotion:促销产品展示

gtag('event', 'view_promotion', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    promotion_id: 'P_12345',
    promotion_name: 'Summer Sale',
    creative_slot: 'featured_app_1',
    location_id: 'L_12345',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  location_id: 'L_12345'
});

 

select_promotion:点击促销产品

gtag('event', 'select_promotion', {
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    promotion_id: 'P_12345',
    promotion_name: 'Summer Sale',
    creative_name: 'Summer Banner',
    creative_slot: 'featured_app_1',
    location_id: 'L_12345',
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  location_id: 'L_12345'
});

 

购物车

  • add_to_cart:将产品添加到购物车
  • remove_from_cart:将产品从购物车中移除

购物车中currency和value是必须字段。

 

add_to_cart:将产品添加到购物车

gtag('event', 'add_to_cart', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

 

 

remove_from_cart:将产品从购物车中移除

gtag('event', 'remove_from_cart', {
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

 

结算流程

  • begin_checkout:开始结算
  • add_payment_info:添加支付信息
  • add_shipping_info:添加地址信息
  • purchase:购买成功
  • refund:退款

currency和value是必须字段,购买成功和退款中transaction_id是必须字段。

begin_checkout:开始结算

gtag('event', 'begin_checkout', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  value: 7.77
});

 

add_payment_info:添加支付信息

gtag('event', 'add_payment_info', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  payment_type: 'Credit Card',
  value: 9.99
});

 

add_shipping_info:添加地址信息

gtag('event', 'add_shipping_info', {
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'Black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  shipping_tier: 'Ground',
  value: 7.77
});

 

purchase:购买成功

gtag('event', 'purchase', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }, {
    item_id: 'SKU_12346',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'gray',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 21.09,
  tax: 2.22
})

 

refund:退款

退款分为全額退款和部分退款

全额退款

gtag('event', 'refund', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 12.21,
  tax: 1.11
});

 

部分退款

gtag('event', 'refund', {
  affiliation: 'Google Store',
  coupon: 'SUMMER_FUN',
  currency: 'USD',
  items: [{
    item_id: 'SKU_12345',
    item_name: 'jeggings',
    coupon: 'SUMMER_FUN',
    discount: 2.22,
    affiliation: 'Google Store',
    item_brand: 'Gucci',
    item_category: 'pants',
    item_variant: 'black',
    price: 9.99,
    currency: 'USD',
    quantity: 1
  }],
  transaction_id: 'T_12345',
  shipping: 3.33,
  value: 12.21,
  tax: 1.11
});

 

 


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Google Analytics 4 布署电子商务
链接:https://www.ichdata.com/google-analytics-4-implements-e-commerce-event-setup.html

喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(30)个小伙伴在吐槽
  1. 站长您好!可以设置自定义增强型电子商务维度和指标吗?就是产品的维度,我想统计一个产品在我设置不同价格时的数据变化,我用GTM部署的时候回传的价格数据,但是不知道怎么在报告上体现
    红枫+2022-09-14 11:10 回复 Windows 10 | Chrome 106.0.0.0
    • 黄业忠
      目前还不支持产品级别的自定义维度;可以设置事件的参数去区分,可以看展示和加车的比例,看用户对价格有多敏感
      黄业忠2022-09-14 11:32 回复 Mac OS X | Chrome 105.0.0.0
  2. 我配置了了自定义维度,在data Studio中能看到维度名称,自定义维度和指标是只能在data Studio制作报告吗?还是我GA4没设置好呢?
    红枫+2022-09-09 10:38 回复 Windows 10 | Chrome 106.0.0.0
    • 黄业忠
      GA4报告里的配置生效会有延时,一般一天,部分可能会两天才有数据
      黄业忠2022-09-09 11:30 回复 Mac OS X | Chrome 105.0.0.0
      • 是GA4报告里面没有这个维度选项
        红枫+2022-09-09 15:06 回复 Windows 10 | Chrome 106.0.0.0
        • 黄业忠
          1、需要注册,确保有注册 2、隔一两天再看,这个有延时
          黄业忠2022-09-09 16:56 回复 Mac OS X | Chrome 105.0.0.0
          • 站长,自定义维度注册了三四天了,GA4还是调不出自定义维度出来,这是怎么回事?
            红枫+2022-09-12 09:31 Windows 10 | Chrome 106.0.0.0
          • 黄业忠
            预览调试,在维度是否获取到的值
            黄业忠2022-09-12 10:05 Mac OS X | Chrome 105.0.0.0
          • 在data Studio中是能看到调出自定义维度的,但是在GA4里面没有
            红枫+2022-09-14 10:09 Windows 10 | Chrome 106.0.0.0
          • 黄业忠
            到探索里的维度里找这个维度,看是否有这个维度。如果有,维度用它,指标用事件数或用户数,看是否有数据。
            黄业忠2022-09-14 11:33 Mac OS X | Chrome 105.0.0.0
  3. 在“配置》自定义指标和维度”里面配置不是注册吗?
    红枫+2022-09-09 10:01 回复 Windows 10 | Chrome 106.0.0.0
    • 黄业忠
      是的,这里注册
      黄业忠2022-09-09 11:28 回复 Mac OS X | Chrome 105.0.0.0
  4. 站长您好!我用GTM部署了GA4后,我看到了事件的参数content的值就是我设置的utm_content的值,我设置了一个自定义维度,自定义维度参数设置为content,属性是事件,但是在报告中调不出来这个维度是怎么回事?还有什么地方需要设置吗?
    红枫+2022-09-08 18:17 回复 Windows 10 | Chrome 106.0.0.0
    • 黄业忠
      事件参数需要在GA4中注册才可以在报告中使用
      黄业忠2022-09-08 18:27 回复 Mac OS X | Safari浏览器 604.1
  5. 站长您好,我想用GA4创建一个产品的维度,但是这个维度参数值是数组,可不可以以按数组内的原素分类,例如:产品1有A,B两个标签,产品2有A,C两个标签,产品3有B,C两个标签,100个访客中,50个访客点击产品1,10个点击产品2,0个点击产品3,然后统计标签A的点击数60,标签B点击数50,标签C点击次数10,这个可以实现吗?
    红枫+2022-09-02 15:55 回复 Windows 10 | Chrome 104.0.0.0
    • 黄业忠
      不能,数组显示不了
      黄业忠2022-09-02 16:32 回复 Mac OS X | Chrome 104.0.0.0
  6. 站长可以出一个Shopify如何添加GA4电子商务代码的教程吗?
    evan2022-09-02 15:01 回复 Windows 10 | Chrome 104.0.0.0
    • 黄业忠
      Shopify上的GA4还没部署过
      黄业忠2022-09-02 16:33 回复 Mac OS X | Chrome 104.0.0.0
  7. 博主,有几个问题想请教下:1.部署GTM的容器代码时,也需要像单独部署一个Global Site Tag一样在所有页面都添加,还是说只需要在index.html中加?2.使用GTM不需要再在网站代码编写类似gtag('event'...的事件代码了,那么GTM看起来更简单一些,那么到底是选择GTM的方式,还是直接在网站代码里添加事件?
    Evan2022-09-02 00:06 回复 Windows 10 | Chrome 104.0.0.0
    • 黄业忠
      1、不需要,但要通过GTM去配置一个GA的代码 2、如果是电商跟踪,使用GTM,也需要在网站编写代码;如果是普通事件跟踪,那么不需要
      黄业忠2022-09-02 09:28 回复 Mac OS X | Chrome 104.0.0.0
  8. 产品展示,查看,点击及促销产品查看,点击 这些都添加到所有产品页面是吗?添加移除购物车,和付款退款这些代码添加到哪类页面呢?itemid 是调用当前页面的sku吗?还有名字也是调用当前页面产品title吗?
    vickyzhang2022-08-31 16:03 回复 Windows 7 | Chrome 99.0.4844.74
    • 黄业忠
      有这几个电商事件的页面都需要;item_id就是产品sku。
      黄业忠2022-08-31 16:16 回复 Mac OS X | Chrome 104.0.0.0
  9. 请问在shopify中如何添加开始结账-添加shipping信息-添加支付信息这个链路呢?shopify后台找不到添加代码的地方,而且这些页面上也没办法激活GTM
    dada2022-08-18 17:11 回复 Mac OS X | Chrome 104.0.0.0
    • 黄业忠
      等官方支持或应用市场的插件
      黄业忠2022-08-18 18:01 回复 Mac OS X | Chrome 104.0.0.0
  10. 站长您好!请问这些是需要手动添加到网站后台的吗?添加到网站后台后还需要在GA4自定义事件中设置吗?产品的展示和查看都是网页浏览类的事件,是不是直接把js代码加入到网站即可,点击类事件是不是需要把上面代码当做事件句柄绑定到按钮上呢?那如果用GTM来设置的话,还需要在GA4的自定义事件添加事件吗?谢谢!
    红枫+2022-07-18 11:55 回复 Windows 10 | Chrome 103.0.0.0
    • 黄业忠
      需要前端发送,按照里面的数据结构发送数据。
      黄业忠2022-07-18 14:03 回复 Mac OS X | Chrome 103.0.0.0
      • 我知道是通过前端发送,我想知道这些前端代码是按我之前说的这样手动加到网页代码中去的吗?如果我要对GA默认的数据修改的话要怎么修改呢?比如说,产品的SKU是“T恤-红色”,但是我希望再不改变网站SKU设置的前提下zaiGA上看到的是“T恤”,这个要怎么改呢?
        红枫+2022-07-18 14:22 回复 Windows 10 | Chrome 103.0.0.0
        • 黄业忠
          是添加到网页代码中,也可以通过引入的方式。 需要对SKU做处理,发送的数据结构中: sku:"T恤" 这样在报告中看到的就是“T恤”
          黄业忠2022-07-18 16:23 回复 Mac OS X | Chrome 103.0.0.0
          • 我只加了GA的跟踪代码,就会有数据,如果再添加以上的代码,好像会重复发送事件,这个怎么解决。
            红枫+2022-07-18 17:02 Windows 10 | Chrome 103.0.0.0
          • 黄业忠
            只在电商配置里开启数据层配置,其他pageview类型的,不开启数据层配置
            黄业忠2022-07-19 11:05 Mac OS X | Chrome 103.0.0.0