Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

Google Analytics Haran 2年前 (2023-05-22) 4603次瀏覽 8條留言

更新時間:2024年10月28號

如果你不是用GTM安裝GA,直接採用gtag.js的方式,延伸閱讀:Google Analytics 4 實現電子商務事件设定

Google Analytics 4中佈署電子商務其實跟UA裡面的设定基本一致,不同點在于數據層的組裝資料結構不同,Google Analytics 4里设定事件不同。

GA4現在支援“傳送電子商務資料”,如果dataLayer發送的數據結構是官方所要求的,那麼你在GTM可以勾選“傳送電子商務資料”,就直接實現電商資料跟蹤,事件參數裡的參數名稱可以不用設定。

這一節介紹採用“傳送電子商務資料”的方式,不用“傳送電子商務資料”,看如何如設定,接下來我們來看電商各個環節的數據組裝結構要求和在GTM中該怎麼去设定,左側是組裝的資料結構,右側是GTM的设定。

Google Analytics 4電商里item_id和item_name是必要欄位,其他一般是可選欄位

普通產品

  • view_item_list :產品展示
  • view_item:查看產品
  • select_item:點擊產品

view_item_list :產品展示

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

注意item_list_name 或 item_list_id 的值必須保持穩定。對于給定列表,這些值應始終相同。

view_item:查看產品

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

select_item:點擊產品

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

有些人對select_itemselect_content有疑惑,連個是完全不相關,select_item電商裡的點擊產品;select_content 個是建議事件,點擊部落格內容。

促銷產品

  • view_promotion:展示促銷產品
  • select_promotion:點擊促銷產品

view_promotion:展示促銷產品

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

select_promotion:點擊促銷產品

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

購物車

  • add_to_cart:將產品添加到購物車
  • remove_from_cart:将產品從購物車中移除

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

add_to_cart:將產品添加到購物車

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

remove_from_cart:將產品從購物車移除

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

結算流程

  • begin_checkout:開始結算
  • add_payment_info:添加支付信息
  • add_shipping_info:添加地址信息
  • purchase:購買成功
  • refund:退款

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

begin_checkout:開始結算

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

add_payment_info:添加支付信息

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

add_shipping_info:添加地址信息

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

purchase:購買成功

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

refund:退款

退款分為全額退款和部分退款

全额退款

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

部分退款

Google Analytics 4 :Google Tag Manager 電商设定指南(Data Layer法)

注意點

  1. 上面的示例是將所有的電商跟蹤通過獨立的事件去跟蹤,其實,還可以將產品展示的跟蹤和PV跟蹤一起發,要求是這個datalayer數據要在GTM代碼之前,觸發器會變為dom
  2. 同個頁面有多個電商事件類型的時候,儘量同一次發送出去,也就是一個發送多個產品,如一個頁面有5個產品展示,在一個DataLayer里就發送出去
  3. 數據層數據代碼中每一個都有dataLayer.push({ ecommerce: null }),這個的作用是清除對象,確保數據不會混亂。
  4. 如果你想UA版本也有電商數據,那麼可以透過“傳送電子商務資料”實現UA能夠從GA4的dataLayer讀取資料,前提是GA4發送的數據結構是官方所要求的。

如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址
(8)个小伙伴在留言
  1. 版主您好,想請問 refund 的事件埋設,應該是哪個環節才對 是在「已付款」的訂單成轉「取消」後,去定義觸發該事件嗎? 因可能網站上,有多種付款方式(信用卡/ATM轉帳等),針對這些情境應該如何設定呢
    Ting2023-05-25 18:10 回覆 Windows 10 | Chrome 113.0.0.0
    • 「取消」後,如果想要追蹤付款方式,設定為事件參數
      Haran2023-05-26 17:31 回覆 Mac OS X | Chrome 113.0.0.0
  2. 7月份后,我们是不是要重新考GA4认证了呢
    王光卫博客2023-05-31 15:32 回覆 Mac OS X | Chrome 113.0.0.0
    • 現在也可以考,如果認證過期就可以去考
      Haran2023-06-01 22:48 回覆 Mac OS X | Chrome 113.0.0.0
  3. 版主好,結帳時purchase event一次送出多個商品,但在GA4 debug view / big query 檢查只收到排序第一個的商品,有查看datalayer層有完整送出商品資料,請問可能漏設定什麼嗎?
    Trista2023-06-15 14:09 回覆 Windows 10 | Chrome 112.0.0.0
    • GA4 debug view裡可以看到多個產品的,如果只看到一個,可能是GTM的設定錯誤,或datalayer裡面的資料結構準有誤
      Haran2023-06-15 18:01 回覆 Mac OS X | Chrome 114.0.0.0
  4. 版主您好,請問items層的預設參數外,若額外增加自訂參數一起送出(舉例想多收集供應商 items.item_vendor),是可以的收進GA4 or big query裡的嗎?
    Trista2023-06-20 18:39 回覆 Windows 10 | Chrome 112.0.0.0
    • 可以的,這個叫項目/產品範圍的自訂維度,限額10個
      Haran2023-06-20 21:56 回覆 Mac OS X | Chrome 114.0.0.0