通过Google Tag Manager布署电子商务（GA4）

已出视频课程，直接看：最全面的增强型电子商务布署视频教程

这篇文章介绍在GA4版本中，如何通过Google Tag Manager来布署电子商务，这里会以view_item_list 作为一个示例，其他的请看：Google Analytics 4 ：Google Tag Manager电商配置指南

电子商务的基本处理逻辑就是，页面端将电商数据通过dataLayer发送出去，然后在GTM里配置接收数据即可，其中dataLayer需要开发去做。

dataLayer页面发送数据

页面发送数据是需要开发将电商数据按特定结构组装成，然后调用dataLayer发送出去。

一次发送一个产品

一次只发送一个产品的示例代码如下：

dataLayer.push({ ecommerce: null });  
dataLayer.push({
  event: “view_item_list”,
  ecommerce: {
    items: [
    {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
      affiliation: "Google Merchandise Store",
      coupon: "SUMMER_FUN",
      currency: "USD",
      discount: 2.22,
      index: 0,
      item_brand: "Google",
      item_category: "Apparel",
      item_category2: "Adult",
      item_category3: "Shirts",
      item_category4: "Crew",
      item_category5: "Short sleeve",
      item_list_id: "related_products",
      item_list_name: "Related Products",
      item_variant: "green",
      location_id: "L_12345",
      price: 9.99,
      quantity: 1
    }
    ]
  }
});

一次发送多个产品

你可以一次发送多个产品，例如打开一个页面的时候，展示2个产品，那么可以一起发送，示例代码如下：

// Measure product views / impressions
dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
dataLayer.push({
  event: "view_item_list",
  ecommerce: {
    items: [
     {
       item_name: "Triblend Android T-Shirt",       // Name or ID is required.
       item_id: "12345",
       price: 15.25,
       item_brand: "Google",
       item_category: "Apparel",
       item_category2: "Mens",
       item_category3: "Shirts",
       item_category4: "Tshirts",
       item_variant: "Gray",
       item_list_name: "Search Results",
       item_list_id: "SR123",
       index: 1,
       quantity: 1
     },
     {
       item_name: "Donut Friday Scented T-Shirt",
       item_id: "67890",
       price: 33.75,
       item_brand: "Google",
       item_category: "Apparel",
       item_category2: "Mens",
       item_category3: "Shirts",
       item_category4: "Tshirts",
       item_variant: "Black",
       item_list_name: "Search Results",
       item_list_id: "SR123",
       index: 2,
       quantity: 1
     }]
  }
});

我建议是一次发送多个产品，这样能减少请求。

items参数解析

items里有很多的参数，详细如下：

这一步有几个注意点：

• dataLayer.push({ ecommerce: null })是用于清除对象，清除该对象有助于防止网页上的多个电子商务事件相互影响，如果你的电商数据发送很多很频繁，建议使用，如果是普通，可以不要这行代码。
• GA4里的items里是产品数组，所有的产品信息都在里面（UA里是products）
• item里面的item_id和item_name是必须字段，其他都是可选。
• 不同位置是通过item_list_id和item_list_name去区分，这个会影响后面的产品的归因

在GTM中配置电子商务跟踪

接下来讲解GTM里面如何配置，首先看触发器：

触发器

将dataLayer里面的event设置为触发器，在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」，命名为view_item_list，然后做如下配置：

dataLayer里event的值是什么，这里的事件名称就填设么。

变量

将dataLayer里面的items用变量存储，在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」，命名为items，然后做如下配置：

和items同一层级的都可以通过这种方式将其存储到变量中。

代码

最后就是在GTM中配置代码，在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Google Analytics（分析）：GA4 事件」，命名为view_item_list，然后做如下配置：

其中参数名称是电子商务固定的，具体有哪些，可以看各电商步骤中dataLayer的结构。