Google Tag Manager、GA4 串接、事件追蹤、網站追蹤設定

創建練習網站

這次我使用 localwp，wordpress 的地端
按下載

安裝好後打開，點「Create a new website」

等待下載wordpress後，會出現下面的畫面，點 「WpAdmin」會跳到網頁，輸入剛剛設定的帳密，就會進到後臺

我使用別人的網站資料檔來改，需要使用外掛的搬家插件
All-in-One WP Migration and Backup

後臺「外掛」-「安裝外掛」-「上傳外掛」，把插件檔案上傳並啟用



匯入網站資料檔，再重整重新登入就成功了~

安裝WP CODE外掛，之後要放置全域代碼

假設只要設置ga串流

但因為我想用GTM裝，因此下面先建立一個GTM帳戶

建立GTM帳戶，設置連接GA4

進到Google Tag Manager建立帳戶後，會出現代碼，要埋進網頁head、body，儲存，這樣之後就可以直接用GTM安裝所有代碼了

回到GTM，點右上「預覽」

如果有安裝成功，會跳出網站及下面的畫面，有做任何的操作，左方都會即時顯示

回到GA4，「資料串流」，複製評估ID

再回到GTM，點「新增代碼」

儲存

再點選一次「預覽」
有出現剛剛設定的tag就代表GTM有成功連結到GA4，就可以發布了

總覽

如果我想追蹤網頁某一顆按鈕，在js找到id
「新增代碼」- 設置觸發條件、代碼設定

之後「預覽」，可以看到有成功被偵測到

如果我想知道使用者離開網站會去哪(也許是廣告、別的網頁快捷鍵)
「新增代碼」- 設置觸發條件、代碼設定

下面要多設置「事件參數」，可以參考 Google Workspace 管理員說明_規則運算式的語法

可以看到點出去的路徑

可以回到GA4 【Admin 管理】#「資源設定 Property settings」-「資料顯示 Data display」-「自訂定義 Custom definition」，把設置好的事件參數加到自訂維度(維持永久)中

觸發條件

上面設置過的代碼、出發條件，都會出現在這

代碼

上面設置過的代碼、出發條件，都會出現在這

變數

每次都要設置觸發條件滿麻煩的，因此使用變數，一次勾選多種類型

「預覽」-「Virable」可以看到click text 會顯示我按的按鈕名稱