5分鐘安裝 GTM 與 GA4 追蹤 WordPress 網站數據

你知道該如何將現有的 GA 升級為 GA4 嗎？並透過 GTM 串接你的 WordPress 網站與 GA4，讓你掌握網站的流量分析數據！

如果你擁有自己的網站，一定要為網站串接 Google Analytics 4 ( GA4 ) 網站分析工具，除此之外，你還有可能會投放 Facebook 廣告、Google Ads 廣告，那麼我強烈的建議你，一定要透過 Google Tag Manage ( GTM ) 代碼管理工具，就能輕易的追蹤各種成效數據。

看到這裡，如果你也想使用 GTM 串接 GA4，來追蹤你的 WordPress 網站數據，作為你的 GTM入門初體驗的話，那就繼續看下去吧！

GTM 是什麼？

Google Tag Manager ( GTM ) 是一款免費的代碼管理工具，任何你想要追蹤的網路數據，像是網站流量、購物轉單金額、Google Ads 及 Facebook 廣告成效、表單提交…等，只要透過 GTM 安裝追蹤程式碼與相關設定，就能輕易地完成各種數據追蹤。

重點是你不需要會寫程式代碼，行銷人只要透過這個工具，就能自己完成數據追蹤的設定，降低麻煩工程人員的機率，並減少許多作業時間。

如何在 WordPress 安裝 GTM？

建立 GTM 帳號

step 1

先登入 Google 帳號，再點選 Google Tag Manager ，就會看到這個畫面，點選→建立帳戶。

step 2

依序建立GTM帳戶的相關設定：

1.帳戶名稱：寫一個讓你好辨識的名稱即可(寫給你自己看的)
2.國家/地區：選擇國家「台灣」
3.容器名稱：填入你的網域名稱也就是「網站網址」
4.目標廣告平台：我們是使用 WordPress 網站，所以要選擇「網路」。

step 3

這邊勾選同意條款。

step 4

接著就會出現這頁GTM的程式碼，接著我們要把它安裝在 WordPress 網站上。

step 5

在頁面的右上方，會看到 GTM 的容器 ID，把它複製下來。

在 WordPress 埋入 GTM 追蹤代碼

進入 WordPress 後台，安裝並啟用 Google Tag Manager for WordPress 外掛，把 GTM 的代碼貼上，並按下儲存。

使用 GTM 安裝 GA4 網頁瀏覽代碼

如何將通用 GA 升級為 GA4

step 1

這裡是預設你已經有一個GA帳戶，點選 Google Analytics 登入你的GA帳戶，點選左下的管理→點選Google Analytics 4 設定輔助程式，這邊我選擇是建立新的GA4資源，表示可以跟目前既有的通用GA進行連結。

step 2

點選建立資源。

step 3

點選前往GA4資源。

step 4

點選導入代碼。

step 5

點選你的網站。

取得 GA4 評估 ID

在這個畫面的右上方，我們就可以拿到GA4的評估ID

在 GTM 新增 GA4 網頁瀏覽代碼

step 1

回到GTM點選左邊→代碼，接著點選→新增。

step 2

點選→代碼設定。

step 3

點選右邊的→GA4設定。

step 4

接著把剛才從GA4複製的評估ID貼上，再點選→觸發條件。

step 5

在這邊我們選取All Pages，讓GA4的代碼在網頁被瀏覽的時候進行啟動。

step 6

接著為代碼取個名字，方便你以後容易辨別，像是GA4代碼，或者你也可以跟我一樣命名為GA4 Config Pageview，然後按下儲存。

檢查 GTM 是否安裝成功

step 1

點選右上方→預覽。

step 2

填入網站網址，點選→Connect。

step 3

此時會開啟一個新的預覽頁面，在 Tags Fired 顯示GA4的代碼已經成功啟動了。

step 4

除此之外，我們也可以到GA4的報表查看，從即時總覽顯示，目前確實有1個人在站上，表示GA4確實有成功的抓到數據。

提交GTM代碼到網站上

確認GTM的代碼設定都沒問題了，千萬別忘了點選右上方的提交，填入版本名稱→點選右上的發布，發布之後代碼才會正式安裝在你的網站上，這樣GA4才會開始追蹤到網站的數據喔！

結語

如果你想要讓網站經營得越來越好，網站的數據追縱是不可或缺的重要關鍵，唯有透過數據成效的分析，才能幫助你知道怎樣的網站內容、頁面的規劃流程、哪些廣告、哪些產品深受消費者喜好，為你帶來訂單等，通通都可以透過網路數據獲得答案，還能幫助你知道該從哪裡著手進行網站優化。

如果你在經營網站，又或著你是一名被數據成效追著跑的行銷人，那麼我真心建議你，可以學習GTM代碼管理工具，讓你在沒有工程人員的情況下，也可以憑藉著自己的力量，開始追蹤你想要查看的成效數據喔~