Blogs &
Digital Field Notes
Blogs &
Digital Field Notes
Real human insights in an AI-driven world.
Real human insights in an AI-driven world.
GA4電商追蹤設置2026|Shopify、WooCommerce完整整合教學與電商報告解讀
GA4電商追蹤設置2026|Shopify、WooCommerce完整整合教學與電商報告解讀
Category:
數碼工具
Author:
Lucas Ng
對於香港電商企業,GA4電商追蹤是最重要的數據設置——它讓你知道每件產品的銷售表現、每個行銷渠道的ROAS、哪個步驟讓客戶流失。但電商追蹤的設置比一般GA4追蹤複雜得多。本文提供Shopify和WooCommerce的完整設置教學。
什麼是GA4電商追蹤?
GA4電商追蹤(Enhanced Ecommerce)是一套標準化的事件系統,追蹤用戶從瀏覽產品到完成購買的每個步驟:
瀏覽產品列表(view_item_list) ↓ 查看單一產品(view_item) ↓ 加入購物車(add_to_cart) ↓ 開始結帳(begin_checkout) ↓ 填寫付款資料(add_payment_info) ↓ 完成購買(purchase)
每個步驟都有標準的GA4事件名稱,自動匯集成「購買漏斗」報告,讓你看到在哪個步驟流失了多少潛在買家。
Shopify + GA4整合設置
方法A:Shopify官方Google整合(最簡單)
Shopify的官方Google & YouTube Sales Channel提供最完整的GA4整合。
設置步驟:
Shopify後台 → Apps → 搜尋「Google & YouTube」→ 安裝
連接你的Google帳號
選擇你的GA4資源(或創建新的)
完成設置
這個方法自動追蹤的事件:
view_item:查看產品頁面add_to_cart:加入購物車begin_checkout:開始結帳purchase:完成購買(含訂單金額、商品資料)
限制:
不追蹤
view_item_list(產品列表瀏覽)不追蹤
remove_from_cart(移出購物車)部分進階電商數據需要手動設置
方法B:通過GTM手動設置(更完整)
如果需要完整的電商事件追蹤,通過GTM手動設置:
前提: 你的Shopify主題需要支持DataLayer(大多數現代主題支持)。
在Shopify安裝GTM(見GA4設置教學)
確認DataLayer已推送電商數據:在網站任何頁面,打開瀏覽器Console,輸入
dataLayer,查看是否有電商相關的數據物件在GTM中為每個電商事件創建標記,讀取DataLayer數據並發送至GA4
推薦App: Elevar(付費,USD 50-100/月)提供最完整的Shopify電商追蹤DataLayer設置,無需開發技術知識。
Shopify GA4整合後的關鍵驗證
設置完成後,在你的Shopify商店:
瀏覽一個產品頁面
加入購物車
到GA4 DebugView,確認看到
view_item和add_to_cart事件事件參數中確認包含:
item_id(產品ID)、item_name、price、currency(應為HKD)
WooCommerce + GA4整合設置
使用GTM4WP插件(推薦)
GTM4WP(Google Tag Manager for WordPress)是WooCommerce電商追蹤的最佳選擇。
設置步驟:
1. 安裝和設置GTM4WP:
WordPress → 插件 → 安裝GTM4WP
插件設置 → General → 填入GTM容器ID(GTM-XXXXXXX)
插件設置 → Integration → WooCommerce → 開啟「Enhanced eCommerce tracking」
選擇DataLayer版本:選「Version 2」(GA4相容)
2. 在GTM中創建GA4電商標記:
創建GA4事件標記,讀取WooCommerce推送的DataLayer:
觸發條件:自訂事件,事件名稱依次為:
productClick(對應GA4select_item)addToCart(對應GA4add_to_cart)checkout(對應GA4begin_checkout)purchase(對應GA4purchase)
每個標記讀取{{dlv - ecommerce}}變數,映射至GA4電商參數。
3. 發布GTM容器
使用WooCommerce官方Google Listings & Ads插件
WooCommerce官方插件「Google Listings & Ads」提供簡單的GA4整合,適合不熟悉GTM的店主。
GA4電商報告解讀
設置完成後,在GA4的電商報告中你可以看到:
報告一:電商購買(Ecommerce Purchases)
路徑: Reports → Monetization → Ecommerce Purchases
核心數據:
購買收入(Purchase Revenue):總銷售金額
購買次數(Purchases):訂單數量
購買者(Purchasers):唯一購買用戶數
每購買者收入(Revenue Per Purchaser):平均客單價
按產品分解: 表格底部可以看到每個SKU的銷售量、銷售額,找出最暢銷和最差的產品。
報告二:結帳流程(Checkout Journey)
路徑: Reports → Monetization → Checkout Journey
這份漏斗報告顯示從「查看產品」到「完成購買」每個步驟的用戶數和流失率:
查看產品(view_item):100% 加入購物車(add_to_cart):30%(流失70%) 開始結帳(begin_checkout):20%(流失10%) 付款資料(add_payment_info):15%(流失5%) 完成購買(purchase):12%(流失3%)
如何利用這份報告:
「加入購物車率」低(<20%)→ 產品頁面需要優化(圖片、描述、價格、CTA)
「加入購物車→開始結帳」流失多 → 購物車頁面有問題(運費驚嚇、強制註冊)
「開始結帳→完成」流失多 → 結帳流程太複雜、支付方式不夠
報告三:商品業績(Item-Level Analysis)
在GA4「探索」中創建自訂報告,分析每個產品的:
瀏覽次數 vs 加入購物車次數(產品轉化率)
各產品的平均訂單金額貢獻
哪些產品常被一起購買(Cross-sell機會)
進階:電商廣告ROI追蹤
自動追蹤各廣告渠道的ROAS
正確設置GA4電商追蹤後,你可以在「客戶開發 + 電商」報告中看到:
Facebook廣告帶來的銷售額
Google廣告的ROAS
有機搜尋的電商轉化
電郵行銷的銷售貢獻
前提條件:
所有廣告連結都使用UTM參數
Facebook廣告的
utm_source=facebook&utm_medium=paid_socialGoogle Ads啟用自動標記(自動添加gclid參數)
GA4 + Google Ads電商數據整合
連接GA4和Google Ads後:
Google Ads可以使用GA4的「購買」作為轉化目標(比Google Ads原生追蹤更準確)
GA4受眾(如:查看但未購買的用戶)可以同步到Google Ads進行再行銷
在GA4看到Google廣告的完整客戶旅程,不只是最後一次點擊
電商追蹤常見問題
Q:GA4的銷售金額和Shopify後台的金額不一樣?
這很常見,差異原因:
退款:GA4追蹤原始訂單,不自動扣除退款金額(需要手動發送退款事件)
Cookie限制:部分使用隱私瀏覽或廣告攔截的用戶不被追蹤
跨設備購買:手機看、電腦買,可能無法完整關聯
一般GA4銷售數據比實際訂單低10-25%,這是業界已知的數據差距。
Q:我的Shopify訂單沒有顯示HKD貨幣,而是顯示USD?
需要確認兩個地方:
GA4資源設置中的貨幣已設為HKD
Shopify的Google整合已設置為香港商店(Store currency)
Q:需要追蹤所有電商事件嗎?最少要追蹤哪些?
最少必須追蹤:view_item(看產品)、add_to_cart(加購物車)、purchase(購買完成,含金額)。有這三個,你已經可以計算購買漏斗轉化率和各渠道ROAS。
電商追蹤設置後的月度工作流程
每月第一週,打開GA4查看:
本月 vs 上月銷售額(Reports → Monetization → Overview)
最暢銷產品 Top 10(Ecommerce Purchases → 按商品排序)
各渠道ROAS(Acquisition → Traffic Acquisition → 加入「Purchase Revenue」欄)
結帳漏斗流失率(Checkout Journey → 找最大流失步驟)
退貨率(需要手動設置退款事件追蹤)
延伸閱讀
立即聯絡我們,獲取免費諮詢
eXpand Solutions 提供香港中小企度身訂造的數碼行銷服務,包括 SEO、Google 廣告、社交媒體及品牌策略,助你在 2026 年搶佔市場先機。
填寫表格後,我們會在 1 個工作天內回覆,並提供適合你業務的初步建議。
對於香港電商企業,GA4電商追蹤是最重要的數據設置——它讓你知道每件產品的銷售表現、每個行銷渠道的ROAS、哪個步驟讓客戶流失。但電商追蹤的設置比一般GA4追蹤複雜得多。本文提供Shopify和WooCommerce的完整設置教學。
什麼是GA4電商追蹤?
GA4電商追蹤(Enhanced Ecommerce)是一套標準化的事件系統,追蹤用戶從瀏覽產品到完成購買的每個步驟:
瀏覽產品列表(view_item_list) ↓ 查看單一產品(view_item) ↓ 加入購物車(add_to_cart) ↓ 開始結帳(begin_checkout) ↓ 填寫付款資料(add_payment_info) ↓ 完成購買(purchase)
每個步驟都有標準的GA4事件名稱,自動匯集成「購買漏斗」報告,讓你看到在哪個步驟流失了多少潛在買家。
Shopify + GA4整合設置
方法A:Shopify官方Google整合(最簡單)
Shopify的官方Google & YouTube Sales Channel提供最完整的GA4整合。
設置步驟:
Shopify後台 → Apps → 搜尋「Google & YouTube」→ 安裝
連接你的Google帳號
選擇你的GA4資源(或創建新的)
完成設置
這個方法自動追蹤的事件:
view_item:查看產品頁面add_to_cart:加入購物車begin_checkout:開始結帳purchase:完成購買(含訂單金額、商品資料)
限制:
不追蹤
view_item_list(產品列表瀏覽)不追蹤
remove_from_cart(移出購物車)部分進階電商數據需要手動設置
方法B:通過GTM手動設置(更完整)
如果需要完整的電商事件追蹤,通過GTM手動設置:
前提: 你的Shopify主題需要支持DataLayer(大多數現代主題支持)。
在Shopify安裝GTM(見GA4設置教學)
確認DataLayer已推送電商數據:在網站任何頁面,打開瀏覽器Console,輸入
dataLayer,查看是否有電商相關的數據物件在GTM中為每個電商事件創建標記,讀取DataLayer數據並發送至GA4
推薦App: Elevar(付費,USD 50-100/月)提供最完整的Shopify電商追蹤DataLayer設置,無需開發技術知識。
Shopify GA4整合後的關鍵驗證
設置完成後,在你的Shopify商店:
瀏覽一個產品頁面
加入購物車
到GA4 DebugView,確認看到
view_item和add_to_cart事件事件參數中確認包含:
item_id(產品ID)、item_name、price、currency(應為HKD)
WooCommerce + GA4整合設置
使用GTM4WP插件(推薦)
GTM4WP(Google Tag Manager for WordPress)是WooCommerce電商追蹤的最佳選擇。
設置步驟:
1. 安裝和設置GTM4WP:
WordPress → 插件 → 安裝GTM4WP
插件設置 → General → 填入GTM容器ID(GTM-XXXXXXX)
插件設置 → Integration → WooCommerce → 開啟「Enhanced eCommerce tracking」
選擇DataLayer版本:選「Version 2」(GA4相容)
2. 在GTM中創建GA4電商標記:
創建GA4事件標記,讀取WooCommerce推送的DataLayer:
觸發條件:自訂事件,事件名稱依次為:
productClick(對應GA4select_item)addToCart(對應GA4add_to_cart)checkout(對應GA4begin_checkout)purchase(對應GA4purchase)
每個標記讀取{{dlv - ecommerce}}變數,映射至GA4電商參數。
3. 發布GTM容器
使用WooCommerce官方Google Listings & Ads插件
WooCommerce官方插件「Google Listings & Ads」提供簡單的GA4整合,適合不熟悉GTM的店主。
GA4電商報告解讀
設置完成後,在GA4的電商報告中你可以看到:
報告一:電商購買(Ecommerce Purchases)
路徑: Reports → Monetization → Ecommerce Purchases
核心數據:
購買收入(Purchase Revenue):總銷售金額
購買次數(Purchases):訂單數量
購買者(Purchasers):唯一購買用戶數
每購買者收入(Revenue Per Purchaser):平均客單價
按產品分解: 表格底部可以看到每個SKU的銷售量、銷售額,找出最暢銷和最差的產品。
報告二:結帳流程(Checkout Journey)
路徑: Reports → Monetization → Checkout Journey
這份漏斗報告顯示從「查看產品」到「完成購買」每個步驟的用戶數和流失率:
查看產品(view_item):100% 加入購物車(add_to_cart):30%(流失70%) 開始結帳(begin_checkout):20%(流失10%) 付款資料(add_payment_info):15%(流失5%) 完成購買(purchase):12%(流失3%)
如何利用這份報告:
「加入購物車率」低(<20%)→ 產品頁面需要優化(圖片、描述、價格、CTA)
「加入購物車→開始結帳」流失多 → 購物車頁面有問題(運費驚嚇、強制註冊)
「開始結帳→完成」流失多 → 結帳流程太複雜、支付方式不夠
報告三:商品業績(Item-Level Analysis)
在GA4「探索」中創建自訂報告,分析每個產品的:
瀏覽次數 vs 加入購物車次數(產品轉化率)
各產品的平均訂單金額貢獻
哪些產品常被一起購買(Cross-sell機會)
進階:電商廣告ROI追蹤
自動追蹤各廣告渠道的ROAS
正確設置GA4電商追蹤後,你可以在「客戶開發 + 電商」報告中看到:
Facebook廣告帶來的銷售額
Google廣告的ROAS
有機搜尋的電商轉化
電郵行銷的銷售貢獻
前提條件:
所有廣告連結都使用UTM參數
Facebook廣告的
utm_source=facebook&utm_medium=paid_socialGoogle Ads啟用自動標記(自動添加gclid參數)
GA4 + Google Ads電商數據整合
連接GA4和Google Ads後:
Google Ads可以使用GA4的「購買」作為轉化目標(比Google Ads原生追蹤更準確)
GA4受眾(如:查看但未購買的用戶)可以同步到Google Ads進行再行銷
在GA4看到Google廣告的完整客戶旅程,不只是最後一次點擊
電商追蹤常見問題
Q:GA4的銷售金額和Shopify後台的金額不一樣?
這很常見,差異原因:
退款:GA4追蹤原始訂單,不自動扣除退款金額(需要手動發送退款事件)
Cookie限制:部分使用隱私瀏覽或廣告攔截的用戶不被追蹤
跨設備購買:手機看、電腦買,可能無法完整關聯
一般GA4銷售數據比實際訂單低10-25%,這是業界已知的數據差距。
Q:我的Shopify訂單沒有顯示HKD貨幣,而是顯示USD?
需要確認兩個地方:
GA4資源設置中的貨幣已設為HKD
Shopify的Google整合已設置為香港商店(Store currency)
Q:需要追蹤所有電商事件嗎?最少要追蹤哪些?
最少必須追蹤:view_item(看產品)、add_to_cart(加購物車)、purchase(購買完成,含金額)。有這三個,你已經可以計算購買漏斗轉化率和各渠道ROAS。
電商追蹤設置後的月度工作流程
每月第一週,打開GA4查看:
本月 vs 上月銷售額(Reports → Monetization → Overview)
最暢銷產品 Top 10(Ecommerce Purchases → 按商品排序)
各渠道ROAS(Acquisition → Traffic Acquisition → 加入「Purchase Revenue」欄)
結帳漏斗流失率(Checkout Journey → 找最大流失步驟)
退貨率(需要手動設置退款事件追蹤)
延伸閱讀
立即聯絡我們,獲取免費諮詢
eXpand Solutions 提供香港中小企度身訂造的數碼行銷服務,包括 SEO、Google 廣告、社交媒體及品牌策略,助你在 2026 年搶佔市場先機。
填寫表格後,我們會在 1 個工作天內回覆,並提供適合你業務的初步建議。
對於香港電商企業,GA4電商追蹤是最重要的數據設置——它讓你知道每件產品的銷售表現、每個行銷渠道的ROAS、哪個步驟讓客戶流失。但電商追蹤的設置比一般GA4追蹤複雜得多。本文提供Shopify和WooCommerce的完整設置教學。
什麼是GA4電商追蹤?
GA4電商追蹤(Enhanced Ecommerce)是一套標準化的事件系統,追蹤用戶從瀏覽產品到完成購買的每個步驟:
瀏覽產品列表(view_item_list) ↓ 查看單一產品(view_item) ↓ 加入購物車(add_to_cart) ↓ 開始結帳(begin_checkout) ↓ 填寫付款資料(add_payment_info) ↓ 完成購買(purchase)
每個步驟都有標準的GA4事件名稱,自動匯集成「購買漏斗」報告,讓你看到在哪個步驟流失了多少潛在買家。
Shopify + GA4整合設置
方法A:Shopify官方Google整合(最簡單)
Shopify的官方Google & YouTube Sales Channel提供最完整的GA4整合。
設置步驟:
Shopify後台 → Apps → 搜尋「Google & YouTube」→ 安裝
連接你的Google帳號
選擇你的GA4資源(或創建新的)
完成設置
這個方法自動追蹤的事件:
view_item:查看產品頁面add_to_cart:加入購物車begin_checkout:開始結帳purchase:完成購買(含訂單金額、商品資料)
限制:
不追蹤
view_item_list(產品列表瀏覽)不追蹤
remove_from_cart(移出購物車)部分進階電商數據需要手動設置
方法B:通過GTM手動設置(更完整)
如果需要完整的電商事件追蹤,通過GTM手動設置:
前提: 你的Shopify主題需要支持DataLayer(大多數現代主題支持)。
在Shopify安裝GTM(見GA4設置教學)
確認DataLayer已推送電商數據:在網站任何頁面,打開瀏覽器Console,輸入
dataLayer,查看是否有電商相關的數據物件在GTM中為每個電商事件創建標記,讀取DataLayer數據並發送至GA4
推薦App: Elevar(付費,USD 50-100/月)提供最完整的Shopify電商追蹤DataLayer設置,無需開發技術知識。
Shopify GA4整合後的關鍵驗證
設置完成後,在你的Shopify商店:
瀏覽一個產品頁面
加入購物車
到GA4 DebugView,確認看到
view_item和add_to_cart事件事件參數中確認包含:
item_id(產品ID)、item_name、price、currency(應為HKD)
WooCommerce + GA4整合設置
使用GTM4WP插件(推薦)
GTM4WP(Google Tag Manager for WordPress)是WooCommerce電商追蹤的最佳選擇。
設置步驟:
1. 安裝和設置GTM4WP:
WordPress → 插件 → 安裝GTM4WP
插件設置 → General → 填入GTM容器ID(GTM-XXXXXXX)
插件設置 → Integration → WooCommerce → 開啟「Enhanced eCommerce tracking」
選擇DataLayer版本:選「Version 2」(GA4相容)
2. 在GTM中創建GA4電商標記:
創建GA4事件標記,讀取WooCommerce推送的DataLayer:
觸發條件:自訂事件,事件名稱依次為:
productClick(對應GA4select_item)addToCart(對應GA4add_to_cart)checkout(對應GA4begin_checkout)purchase(對應GA4purchase)
每個標記讀取{{dlv - ecommerce}}變數,映射至GA4電商參數。
3. 發布GTM容器
使用WooCommerce官方Google Listings & Ads插件
WooCommerce官方插件「Google Listings & Ads」提供簡單的GA4整合,適合不熟悉GTM的店主。
GA4電商報告解讀
設置完成後,在GA4的電商報告中你可以看到:
報告一:電商購買(Ecommerce Purchases)
路徑: Reports → Monetization → Ecommerce Purchases
核心數據:
購買收入(Purchase Revenue):總銷售金額
購買次數(Purchases):訂單數量
購買者(Purchasers):唯一購買用戶數
每購買者收入(Revenue Per Purchaser):平均客單價
按產品分解: 表格底部可以看到每個SKU的銷售量、銷售額,找出最暢銷和最差的產品。
報告二:結帳流程(Checkout Journey)
路徑: Reports → Monetization → Checkout Journey
這份漏斗報告顯示從「查看產品」到「完成購買」每個步驟的用戶數和流失率:
查看產品(view_item):100% 加入購物車(add_to_cart):30%(流失70%) 開始結帳(begin_checkout):20%(流失10%) 付款資料(add_payment_info):15%(流失5%) 完成購買(purchase):12%(流失3%)
如何利用這份報告:
「加入購物車率」低(<20%)→ 產品頁面需要優化(圖片、描述、價格、CTA)
「加入購物車→開始結帳」流失多 → 購物車頁面有問題(運費驚嚇、強制註冊)
「開始結帳→完成」流失多 → 結帳流程太複雜、支付方式不夠
報告三:商品業績(Item-Level Analysis)
在GA4「探索」中創建自訂報告,分析每個產品的:
瀏覽次數 vs 加入購物車次數(產品轉化率)
各產品的平均訂單金額貢獻
哪些產品常被一起購買(Cross-sell機會)
進階:電商廣告ROI追蹤
自動追蹤各廣告渠道的ROAS
正確設置GA4電商追蹤後,你可以在「客戶開發 + 電商」報告中看到:
Facebook廣告帶來的銷售額
Google廣告的ROAS
有機搜尋的電商轉化
電郵行銷的銷售貢獻
前提條件:
所有廣告連結都使用UTM參數
Facebook廣告的
utm_source=facebook&utm_medium=paid_socialGoogle Ads啟用自動標記(自動添加gclid參數)
GA4 + Google Ads電商數據整合
連接GA4和Google Ads後:
Google Ads可以使用GA4的「購買」作為轉化目標(比Google Ads原生追蹤更準確)
GA4受眾(如:查看但未購買的用戶)可以同步到Google Ads進行再行銷
在GA4看到Google廣告的完整客戶旅程,不只是最後一次點擊
電商追蹤常見問題
Q:GA4的銷售金額和Shopify後台的金額不一樣?
這很常見,差異原因:
退款:GA4追蹤原始訂單,不自動扣除退款金額(需要手動發送退款事件)
Cookie限制:部分使用隱私瀏覽或廣告攔截的用戶不被追蹤
跨設備購買:手機看、電腦買,可能無法完整關聯
一般GA4銷售數據比實際訂單低10-25%,這是業界已知的數據差距。
Q:我的Shopify訂單沒有顯示HKD貨幣,而是顯示USD?
需要確認兩個地方:
GA4資源設置中的貨幣已設為HKD
Shopify的Google整合已設置為香港商店(Store currency)
Q:需要追蹤所有電商事件嗎?最少要追蹤哪些?
最少必須追蹤:view_item(看產品)、add_to_cart(加購物車)、purchase(購買完成,含金額)。有這三個,你已經可以計算購買漏斗轉化率和各渠道ROAS。
電商追蹤設置後的月度工作流程
每月第一週,打開GA4查看:
本月 vs 上月銷售額(Reports → Monetization → Overview)
最暢銷產品 Top 10(Ecommerce Purchases → 按商品排序)
各渠道ROAS(Acquisition → Traffic Acquisition → 加入「Purchase Revenue」欄)
結帳漏斗流失率(Checkout Journey → 找最大流失步驟)
退貨率(需要手動設置退款事件追蹤)
延伸閱讀
立即聯絡我們,獲取免費諮詢
eXpand Solutions 提供香港中小企度身訂造的數碼行銷服務,包括 SEO、Google 廣告、社交媒體及品牌策略,助你在 2026 年搶佔市場先機。
填寫表格後,我們會在 1 個工作天內回覆,並提供適合你業務的初步建議。
Business & Marketing Solutions Agency|Hong Kong
Business & Marketing Solutions Agency|Hong Kong
Business & Marketing Solutions Agency|Hong Kong

Your Business Growth Partner. Bridging the gap between creative marketing and business strategy
© Copyright 2026, All Rights by eXpand Solutions

Your Business Growth Partner. Bridging the gap between creative marketing and business strategy
© Copyright 2026, All Rights by eXpand Solutions

Your Business Growth Partner. Bridging the gap between creative marketing and business strategy
© Copyright 2026, All Rights by eXpand Solutions