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

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 網站,所以要選擇「網路」。

GTM帳戶設定
▲ GTM帳戶設定

step 3

這邊勾選同意條款。

同意合約條款
▲ 同意合約條款

step 4

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

GTM的程式碼
▲ GTM的程式碼

step 5

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

GTM 的容器 ID
▲ GTM 的容器 ID

在 WordPress 埋入 GTM 追蹤代碼

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

貼上 GTM 的代碼
▲ 貼上 GTM 的代碼

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

如何將通用 GA 升級為 GA4

step 1

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

點選GA4設定輔助程式
▲ 點選GA4設定輔助程式

step 2

點選建立資源

建立資源
▲ 建立資源

step 3

點選前往GA4資源

前往GA4資源
▲ 前往GA4資源

step 4

點選導入代碼

導入代碼
▲ 導入代碼

step 5

點選你的網站。

點選網站
▲ 點選網站

取得 GA4 評估 ID

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

複製GA4的評估ID
▲ 複製GA4的評估ID

在 GTM 新增 GA4 網頁瀏覽代碼

step 1

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

新增代碼
▲新增代碼

step 2

點選→代碼設定

代碼設定
▲ 代碼設定

step 3

點選右邊的→GA4設定

GA4設定
▲ GA4設定

step 4

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

代碼設定
▲ 代碼設定

step 5

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

選擇觸發條件
▲ 選擇觸發條件

step 6

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

為代碼取個名字
▲ 為代碼取個名字

檢查 GTM 是否安裝成功

step 1

點選右上方→預覽

測試GTM是否安裝成功
▲ 測試GTM是否安裝成功

step 2

填入網站網址,點選→Connect

填入要測試的網址
▲ 填入要測試的網址

step 3

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

GA4的代碼成功啟動
▲ GA4的代碼成功啟動

step 4

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

GA4成功抓到數據
▲ GA4成功抓到數據

提交GTM代碼到網站上

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

023
▲ 填入版本名稱後發布

結語

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

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