> Google Analytics 4 > Google Analytics 4 布署电子商务

Google Analytics 4 布署电子商务

Google Analytics 4 Haran 3年前 (2022-06-01) 20722次浏览 44个评论
文章目录[隐藏]

如果你是用GTM安裝GA4的方式，可以参考：Google Analytics 4 ：Google Tag Manager电商配置指南

布署的过程中可能会遇到一些问题，可以参考：Google Analytics 4 电子商务跟踪常见问题

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

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

 

普通产品

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

 

view_item_list ：产品展示

  1. gtag('event', 'view_item_list', {
  2.   items: [{
  3.     item_id: 'SKU_12345',
  4.     item_name: 'jeggings',
  5.     coupon: 'SUMMER_FUN',
  6.     discount: 2.22,
  7.     index: 5,
  8.     item_list_name: 'Related Products',
  9.     item_list_id: 'related_products',
  10.     affiliation: 'Google Store',
  11.     item_brand: 'Gucci',
  12.     item_category: 'pants',
  13.     item_variant: 'black',
  14.     price: 9.99,
  15.     currency: 'USD',
  16.     quantity: 1
  17.   }],
  18.   item_list_name: 'Related products',
  19.   item_list_id: 'related_products'
  20. });

 

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

view_item：查看产品

  1. gtag('event', 'view_item', {
  2.   currency: 'USD',
  3.   items: [{
  4.     item_id: 'SKU_12345',
  5.     item_name: 'jeggings',
  6.     coupon: 'SUMMER_FUN',
  7.     discount: 2.22,
  8.     affiliation: 'Google Store',
  9.     item_brand: 'Gucci',
  10.     item_category: 'pants',
  11.     item_variant: 'black',
  12.     price: 9.99,
  13.     currency: 'USD',
  14.     quantity: 1
  15.   }],
  16.   value: 9.99
  17. });

 

 

select_item：点击产品

  1. gtag('event', 'select_item', {
  2.   items: [{
  3.     item_id: 'SKU_12345',
  4.     item_name: 'jeggings',
  5.     coupon: 'SUMMER_FUN',
  6.     discount: 2.22,
  7.     index: 5,
  8.     item_list_name: 'Related Products',
  9.     item_list_id: 'related_products',
  10.     affiliation: 'Google Store',
  11.     item_brand: 'Gucci',
  12.     item_category: 'pants',
  13.     item_variant: 'black',
  14.     price: 9.99,
  15.     currency: 'USD',
  16.     quantity: 1
  17.   }],
  18.   item_list_name: 'Related products',
  19.   item_list_id: 'related_products'
  20. });

 

 

促销产品

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

 

view_promotion：促销产品展示

  1. gtag('event', 'view_promotion', {
  2.   items: [{
  3.     item_id: 'SKU_12345',
  4.     item_name: 'jeggings',
  5.     coupon: 'SUMMER_FUN',
  6.     discount: 2.22,
  7.     promotion_id: 'P_12345',
  8.     promotion_name: 'Summer Sale',
  9.     creative_slot: 'featured_app_1',
  10.     location_id: 'L_12345',
  11.     affiliation: 'Google Store',
  12.     item_brand: 'Gucci',
  13.     item_category: 'pants',
  14.     item_variant: 'Black',
  15.     price: 9.99,
  16.     currency: 'USD',
  17.     quantity: 1
  18.   }],
  19.   location_id: 'L_12345'
  20. });

 

select_promotion：点击促销产品

  1. gtag('event', 'select_promotion', {
  2.   items: [{
  3.     item_id: 'SKU_12345',
  4.     item_name: 'jeggings',
  5.     coupon: 'SUMMER_FUN',
  6.     discount: 2.22,
  7.     promotion_id: 'P_12345',
  8.     promotion_name: 'Summer Sale',
  9.     creative_name: 'Summer Banner',
  10.     creative_slot: 'featured_app_1',
  11.     location_id: 'L_12345',
  12.     affiliation: 'Google Store',
  13.     item_brand: 'Gucci',
  14.     item_category: 'pants',
  15.     item_variant: 'Black',
  16.     price: 9.99,
  17.     currency: 'USD',
  18.     quantity: 1
  19.   }],
  20.   location_id: 'L_12345'
  21. });

 

购物车

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

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

 

add_to_cart：将产品添加到购物车

  1. gtag('event', 'add_to_cart', {
  2.   currency: 'USD',
  3.   items: [{
  4.     item_id: 'SKU_12345',
  5.     item_name: 'jeggings',
  6.     coupon: 'SUMMER_FUN',
  7.     discount: 2.22,
  8.     affiliation: 'Google Store',
  9.     item_brand: 'Gucci',
  10.     item_category: 'pants',
  11.     item_variant: 'black',
  12.     price: 9.99,
  13.     currency: 'USD',
  14.     quantity: 1
  15.   }],
  16.   value: 7.77
  17. });

 

 

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

  1. gtag('event', 'remove_from_cart', {
  2.   currency: 'USD',
  3.   items: [{
  4.     item_id: 'SKU_12345',
  5.     item_name: 'jeggings',
  6.     coupon: 'SUMMER_FUN',
  7.     discount: 2.22,
  8.     affiliation: 'Google Store',
  9.     item_brand: 'Gucci',
  10.     item_category: 'pants',
  11.     item_variant: 'black',
  12.     price: 9.99,
  13.     currency: 'USD',
  14.     quantity: 1
  15.   }],
  16.   value: 7.77
  17. });

 

结算流程

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

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

begin_checkout：开始结算

  1. gtag('event', 'begin_checkout', {
  2.   coupon: 'SUMMER_FUN',
  3.   currency: 'USD',
  4.   items: [{
  5.     item_id: 'SKU_12345',
  6.     item_name: 'jeggings',
  7.     coupon: 'SUMMER_FUN',
  8.     discount: 2.22,
  9.     affiliation: 'Google Store',
  10.     item_brand: 'Gucci',
  11.     item_category: 'pants',
  12.     item_variant: 'black',
  13.     price: 9.99,
  14.     currency: 'USD',
  15.     quantity: 1
  16.   }],
  17.   value: 7.77
  18. });

 

add_payment_info：添加支付信息

  1. gtag('event', 'add_payment_info', {
  2.   coupon: 'SUMMER_FUN',
  3.   currency: 'USD',
  4.   items: [{
  5.     item_id: 'SKU_12345',
  6.     item_name: 'jeggings',
  7.     coupon: 'SUMMER_FUN',
  8.     discount: 2.22,
  9.     affiliation: 'Google Store',
  10.     item_brand: 'Gucci',
  11.     item_category: 'pants',
  12.     item_variant: 'black',
  13.     price: 9.99,
  14.     currency: 'USD',
  15.     quantity: 1
  16.   }],
  17.   payment_type: 'Credit Card',
  18.   value: 9.99
  19. });

 

add_shipping_info：添加地址信息

  1. gtag('event', 'add_shipping_info', {
  2.   coupon: 'SUMMER_FUN',
  3.   currency: 'USD',
  4.   items: [{
  5.     item_id: 'SKU_12345',
  6.     item_name: 'jeggings',
  7.     coupon: 'SUMMER_FUN',
  8.     discount: 2.22,
  9.     affiliation: 'Google Store',
  10.     item_brand: 'Gucci',
  11.     item_category: 'pants',
  12.     item_variant: 'Black',
  13.     price: 9.99,
  14.     currency: 'USD',
  15.     quantity: 1
  16.   }],
  17.   shipping_tier: 'Ground',
  18.   value: 7.77
  19. });

 

purchase：购买成功

  1. gtag('event', 'purchase', {
  2.   affiliation: 'Google Store',
  3.   coupon: 'SUMMER_FUN',
  4.   currency: 'USD',
  5.   items: [{
  6.     item_id: 'SKU_12345',
  7.     item_name: 'jeggings',
  8.     coupon: 'SUMMER_FUN',
  9.     discount: 2.22,
  10.     affiliation: 'Google Store',
  11.     item_brand: 'Gucci',
  12.     item_category: 'pants',
  13.     item_variant: 'black',
  14.     price: 9.99,
  15.     currency: 'USD',
  16.     quantity: 1
  17.   }, {
  18.     item_id: 'SKU_12346',
  19.     item_name: 'jeggings',
  20.     coupon: 'SUMMER_FUN',
  21.     discount: 2.22,
  22.     affiliation: 'Google Store',
  23.     item_brand: 'Gucci',
  24.     item_category: 'pants',
  25.     item_variant: 'gray',
  26.     price: 9.99,
  27.     currency: 'USD',
  28.     quantity: 1
  29.   }],
  30.   transaction_id: 'T_12345',
  31.   shipping: 3.33,
  32.   value: 21.09,
  33.   tax: 2.22
  34. })

 

refund：退款

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

全额退款

  1. gtag('event', 'refund', {
  2.   affiliation: 'Google Store',
  3.   coupon: 'SUMMER_FUN',
  4.   currency: 'USD',
  5.   transaction_id: 'T_12345',
  6.   shipping: 3.33,
  7.   value: 12.21,
  8.   tax: 1.11
  9. });

 

部分退款

  1. gtag('event', 'refund', {
  2.   affiliation: 'Google Store',
  3.   coupon: 'SUMMER_FUN',
  4.   currency: 'USD',
  5.   items: [{
  6.     item_id: 'SKU_12345',
  7.     item_name: 'jeggings',
  8.     coupon: 'SUMMER_FUN',
  9.     discount: 2.22,
  10.     affiliation: 'Google Store',
  11.     item_brand: 'Gucci',
  12.     item_category: 'pants',
  13.     item_variant: 'black',
  14.     price: 9.99,
  15.     currency: 'USD',
  16.     quantity: 1
  17.   }],
  18.   transaction_id: 'T_12345',
  19.   shipping: 3.33,
  20.   value: 12.21,
  21.   tax: 1.11
  22. });

 

 

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

Hi，您需要填写昵称和邮箱！

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(44)个小伙伴在吐槽
  1. item_list_name 或 item_list_id 的值必須保持固定。对于给定的列表，这些值始终是相同的。 item_list_name和id，是调用的哪部分的数据？
    罗伊2024-06-11 10:33 回复 Windows 10 | Chrome 124.0.0.0
    • Haran
      自定义的，用于区分不同位置。
      Haran2024-06-11 13:44 回复 Mac OS X | Chrome 125.0.0.0
  2. 相当于这些代码 都要网站的head里安装一遍吗？这样会不会很卡，没有GTM好用呢？
    blaze2023-12-15 10:38 回复 Windows 10 | Chrome 120.0.0.0
    • Haran
      不是，只在需要发送数据的页面添加对应的代码。 会有影响，毕竟要发送数据，但不至于说卡。
      Haran2023-12-15 11:37 回复 Mac OS X | Chrome 120.0.0.0
  3. 站长您好，想请问下GA4中报告-电子商务-创收-电子商务购买中回传的数据是Shopify的Product ID+Variant ID, 请问有办法设置成以SKU形式展示吗？
    Max2023-10-09 17:24 回复 Windows 10 | Chrome 117.0.0.0
    • Haran
      可以修改，点击右上角的自定义报告或在底部的库里修改
      Haran2023-10-09 22:37 回复 Mac OS X | Chrome 117.0.0.0
      • 感谢回复！但是我们在选择维度的时候GA4抓取不到商品的SKU，请问这种情况有办法解决吗？
        Max2023-10-10 09:16 回复 Windows 10 | Chrome 117.0.0.0
        • Haran
          你的网站是哪种部署方式？
          Haran2023-10-10 13:51 回复 Mac OS X | Chrome 116.0.0.0
          • Google channel 部署
            Max2023-10-10 14:31 Windows 10 | Chrome 117.0.0.0
          • Haran
            这个第三方插件，修改不了。默认应该是有产品sku的
            Haran2023-10-10 16:13 Mac OS X | Safari浏览器 604.1
  4. 站长您好,GA4的purchase事件抓不全是怎么回事啊,经常有很多抓取不到，但是又有一部分能抓取到，部署应该没问题吧？
    红枫+2022-12-03 11:38 回复 Windows 10 | Chrome 106.0.0.0
  5. 站长您好，这里面的价格和订单金额的数值类型是字符串类型还是浮点类型？google帮助文档里面都是字符串类型，我用的字符串类型，有很大一部分没法抓到，是怎么回事？
    红枫+2022-11-08 10:25 回复 Windows 10 | Chrome 106.0.0.0
    • Haran
      价格是和金额是浮点，数量是整型，文档里都是没有''，是数字，不需要''就可以
      黄业忠2022-11-08 11:18 回复 Mac OS X | Chrome 107.0.0.0
  6. 站长您好！可以设置自定义增强型电子商务维度和指标吗？就是产品的维度，我想统计一个产品在我设置不同价格时的数据变化，我用GTM部署的时候回传的价格数据，但是不知道怎么在报告上体现
    红枫+2022-09-14 11:10 回复 Windows 10 | Chrome 106.0.0.0
    • Haran
      目前还不支持产品级别的自定义维度；可以设置事件的参数去区分，可以看展示和加车的比例，看用户对价格有多敏感
      黄业忠2022-09-14 11:32 回复 Mac OS X | Chrome 105.0.0.0
  7. 我配置了了自定义维度，在data Studio中能看到维度名称，自定义维度和指标是只能在data Studio制作报告吗？还是我GA4没设置好呢？
    红枫+2022-09-09 10:38 回复 Windows 10 | Chrome 106.0.0.0
    • Haran
      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
        • Haran
          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
          • Haran
            预览调试，在维度是否获取到的值
            黄业忠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
          • Haran
            到探索里的维度里找这个维度，看是否有这个维度。如果有，维度用它，指标用事件数或用户数，看是否有数据。
            黄业忠2022-09-14 11:33 Mac OS X | Chrome 105.0.0.0
  8. 在“配置》自定义指标和维度”里面配置不是注册吗？
    红枫+2022-09-09 10:01 回复 Windows 10 | Chrome 106.0.0.0
    • Haran
      是的，这里注册
      黄业忠2022-09-09 11:28 回复 Mac OS X | Chrome 105.0.0.0
  9. 站长您好！我用GTM部署了GA4后，我看到了事件的参数content的值就是我设置的utm_content的值，我设置了一个自定义维度，自定义维度参数设置为content，属性是事件，但是在报告中调不出来这个维度是怎么回事？还有什么地方需要设置吗？
    红枫+2022-09-08 18:17 回复 Windows 10 | Chrome 106.0.0.0
    • Haran
      事件参数需要在GA4中注册才可以在报告中使用
      黄业忠2022-09-08 18:27 回复 Mac OS X | Safari浏览器 604.1
  10. 站长您好，我想用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
    • Haran
      不能，数组显示不了
      黄业忠2022-09-02 16:32 回复 Mac OS X | Chrome 104.0.0.0
  11. 站长可以出一个Shopify如何添加GA4电子商务代码的教程吗？
    evan2022-09-02 15:01 回复 Windows 10 | Chrome 104.0.0.0
    • Haran
      Shopify上的GA4还没部署过
      黄业忠2022-09-02 16:33 回复 Mac OS X | Chrome 104.0.0.0
  12. 博主，有几个问题想请教下：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
    • Haran
      1、不需要，但要通过GTM去配置一个GA的代码2、如果是电商跟踪，使用GTM，也需要在网站编写代码；如果是普通事件跟踪，那么不需要
      黄业忠2022-09-02 09:28 回复 Mac OS X | Chrome 104.0.0.0
  13. 产品展示，查看，点击及促销产品查看，点击 这些都添加到所有产品页面是吗？添加移除购物车，和付款退款这些代码添加到哪类页面呢？itemid 是调用当前页面的sku吗？还有名字也是调用当前页面产品title吗？
    vickyzhang2022-08-31 16:03 回复 Windows 7 | Chrome 99.0.4844.74
    • Haran
      有这几个电商事件的页面都需要；item_id就是产品sku。
      黄业忠2022-08-31 16:16 回复 Mac OS X | Chrome 104.0.0.0
  14. 请问在shopify中如何添加开始结账-添加shipping信息-添加支付信息这个链路呢？shopify后台找不到添加代码的地方，而且这些页面上也没办法激活GTM
    dada2022-08-18 17:11 回复 Mac OS X | Chrome 104.0.0.0
    • Haran
      等官方支持或应用市场的插件
      黄业忠2022-08-18 18:01 回复 Mac OS X | Chrome 104.0.0.0
  15. 站长您好！请问这些是需要手动添加到网站后台的吗？添加到网站后台后还需要在GA4自定义事件中设置吗？产品的展示和查看都是网页浏览类的事件，是不是直接把js代码加入到网站即可，点击类事件是不是需要把上面代码当做事件句柄绑定到按钮上呢？那如果用GTM来设置的话，还需要在GA4的自定义事件添加事件吗？谢谢！
    红枫+2022-07-18 11:55 回复 Windows 10 | Chrome 103.0.0.0
    • Haran
      需要前端发送，按照里面的数据结构发送数据。
      黄业忠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
        • Haran
          是添加到网页代码中，也可以通过引入的方式。需要对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
          • Haran
            只在电商配置里开启数据层配置，其他pageview类型的，不开启数据层配置
            黄业忠2022-07-19 11:05 Mac OS X | Chrome 103.0.0.0