GA4、GTM與WordPress：電子商務營利追蹤設定教學

點擊數: 2270

在電子商務蓬勃發展的今天，有效地追蹤和分析電子商務活動對於網站營運至關重要。

本教學將引導您如何在WordPress網站上設定GA4和GTM，以實現精確的電子商務營利追蹤。

我們將介紹Google Analytics 4（GA4）和Google Tag Manager（GTM）的重要性。

GA4是一個功能強大的分析工具，能夠提供深入洞察您的網站和應用程式的使用情況，並了解電子商務交易的關鍵指標。

而GTM則是一個集中管理和部署網站和應用程式測量代碼的平台，簡化了代碼管理流程，使您能夠輕鬆地增加、編輯和更新各種追蹤代碼。

這個教學非常適合那些希望進一步了解如何最大程度地利用WordPress、GA4和GTM來追蹤和優化電子商務活動的網站擁有者和行銷人員。透過正確設定和使用這些強大的工具，您將能夠深入了解您的網站客戶和消費者行為，並採取相應的措施來提高轉換率和營收。

內容目錄：

1. 簡介
1-1 介紹GA4和GTM的重要性
1-2 解釋電子商務營利追蹤的價值

2. 教學步驟
2-1 安裝WordPress及GTM4WP
2-2 建立GTM帳戶和容器
2-3 匯入 GTM 容器檔
2-4 建立 GA4 設定代碼
2-5 建立 GA4 資源
2-6 完成 GTM 設定
2-7 發布 GTM 代碼
2-8 GTM2WP 設定 GTM 容器 ID

1. 簡介

1-1. 介紹GA4和GTM的重要性

Google Analytics 4（GA4）的重要性：

(1) 更全面的數據收集：GA4是Google Analytics的最新版本，提供了更多強大的資料收集功能。它能夠跟踪更多的瀏覽者與網站事件和互動，提供更深入的顧客行為分析。

(2) 適應多平台：GA4更好的支援APP和網站的分析，並能夠將這兩者的數據整合在一起，提供跨平台的綜合分析。

(3) 強化顧客生命價值（LTV）分析：GA4引入了顧客生命價值（LTV）指標，可幫助企業更好地了解每位客戶對於網站相關業務的價值，從而制定更有效的行銷策略。

(4) 更深入的洞察和預測功能：GA4具有更強大的洞察和預測功能，利用機器學習和AI技術，幫助企業更好地了解顧客行為和趨勢，並做出更準確的預測。

Google Tag Manager（GTM）的重要性：

(1) 簡化代碼管理：GTM是一個集中管理、設定網站和應用程式的平台。它簡化了代碼管理流程，使您能夠增加、編輯和更新各種追蹤代碼，而無需直接修改網站代碼。
(2) 提高網站性能：GTM通過將所有追蹤代碼集中在一個容器中，可以減少網站載入時的代碼數量，從而提高網站的性能和速度。
(3) 靈活性和彈性：GTM使您能夠根據需要增加和設定各種標籤，例如GA4、Google Ads和其他第三方工具的標籤，能夠管理和控制各種行銷和分析工具，並根據需求進行調整和測試。
(4) 更好的追蹤：GTM提供了更精確和靈活的追蹤。它使您能夠更準確地追蹤各種網站事件和互動，包括頁面瀏覽、按鈕點擊、表單送出等。能夠深入了解客戶在網站上的行為和互動方式，並獲得有價值的數據和洞察。

1-2 解釋電子商務營利追蹤的價值

在GA4中，營利報表提供了對於您的電子商務活動的深入洞察，包含下列優點：

(1) 數據整合：電子商務報表整合了多個關鍵指標，例如總收益、購買收益、廣告收益總額、購買者總人數、初次購買者人數、每位使用者的平均購買收益等。這讓您能夠在一個地方查看和比較這些關鍵數據，以獲得全面的營利情況。

(2) 使用者購物歷程：電子商務報表提供了使用者購物歷程，可分析工作階段開始、查看產品、加入購物車、開始結帳、購買等5步驟的放棄率。這讓企業能夠針對網站的頁面進行優化，配合客戶的喜好及縮短結帳流程，並尋找提高轉化率的機會。

(3)優勢和特色分析：電子商務報表可以幫助分析發布商廣告和宣傳活動的優勢和特色。可以瞭解哪些產品或活動為網站帶來最高的收入、利潤或轉化率，以便做出更明智的投資和行銷決策。

(4) 預測和預測能力：GA4的電子商務報表利用機器學習和預測模型，可以提供有關未來營利趨勢和可能的收入增長的預測。這使您能夠做出更精確的預算和業務計劃。

2. 準備工作

WordPress 是一個內容管理系統 (CMS)，它是建立和管理網站的一個強大工具。它以其易用性、靈活性和豐富的功能而聞名，是全球最受歡迎的網站平台之一。

要如何安裝wordpress，請參考：wordpress安裝教學

而WooCommerce 是一個在 WordPress 上運行的電子商務平台，它能夠輕鬆地在網站上建立和管理網路商店。

我們能安裝WordPress GTM外掛就不需要再手動安裝GTM了，使用WordPress GTM外掛和手動安裝GTM外掛兩者之間的差異：

(1) 安裝和設置的簡便性：使用WordPress GTM外掛可以方便快捷地安裝和設置GTM。只需從WordPress外掛中選擇合適的GTM外掛，安裝並設定GTM ID即可。這種方式無需進入網站的程式碼，適合不熟悉程式設計的使用者。

(2) 擴展性和靈活性：手動安裝GTM外掛提供更大的擴展性和靈活性。在網站的程式碼中增加GTM的容器代碼，這樣可以更深入地客製GTM的功能和設定。手動安裝GTM外掛還允許您使用自定義事件和追蹤代碼，以滿足特定的業務需求。

(3) 控制權和安全性：手動安裝GTM外掛使您對於代碼的控制權更高。您可以直接編輯和管理網站的程式碼，確保代碼的安全性和完整性。對於一些擁有敏感資訊或需要更高安全性的網站，手動安裝GTM外掛可能更受偏好。

(4) 更新和維護：使用WordPress GTM外掛，更新和維護GTM功能通常由外掛開發者負責。您只需要確保及時更新外掛版本即可享受最新的功能和安全性。而手動安裝GTM外掛需要您自行處理更新和維護，確保代碼的正確性和適用性。

2-1. 安裝WordPress及GTM4WP

wordpress有一個很厲害的外掛叫做 GTM4WP，它非常容易安裝和設定，而且使用起來也沒有太多問題。

(1) 進入wordpress後台後，到 [外掛] > [安裝外掛] 搜尋 GTM4WP，找到 GTM4WP 外掛後點擊 [立即安裝]按鈕。

(2)安裝後GTM4WP，啟用GTM4WP，需要輸入 google 代碼管理工具容器ID，接下來我們就要到GTM建立一個容器給網站使用。

2-2. 建立GTM帳戶和容器

(1) 到 GTM (Google 代碼管理工具)，建立 GTM 帳號，點選[建立帳戶]按鈕

GTM - å»ºç«å¸³æ¶

(2) 請在新增帳戶頁面，填寫 [帳戶名稱]、[容器名稱]，目標廣告平台為 [網路]，點擊 [建立]按鈕。

GTM - æ°å¢å¸³æ¶

(3) 出現英文的服務合約條款，勾選 [我也接受 GDPR 所要求的資料處理條款]，然後點擊畫面右上方的 [是]按鈕。

GTM - æååç´æ¢æ¬¾

(4) 帳號成功建立，跳出 GTM 的程式碼，由於我們使用 GTM4WP來安裝程式碼，所以不需要複製程式碼，點擊 [確定] 關閉彈出的視窗，回到工作區

GTM - å·¥ä½å

2-3 匯入 GTM 容器檔

GTM4WP已經完成了GTM容器中的多個代碼、觸發事件和變數的設定，並將其匯出為一個.json格式的容器檔案。我們只需要下載這個.json檔案，然後將其匯入到GTM中，就不需要進行繁瑣的代碼設定了。這樣可以節省時間和精力，非常方便！

(1) 開啟 GTM4WP 官網的Google Analytics 4 / GA4 – Enhanced Ecommerce tracking – How to setup?這篇文章，找到GA4 container template下載前面提到的.json檔案，在連結上右鍵＂使用另存連結為…＂就能下載，也可以下載我們的備份下載檔。

GTM4WP å®ç¶²