# **【GTM 行為追蹤】**

:::info
- 創建練習網站
- 建立GTM帳戶，設置連接GA4
- 總覽
- 代碼
- 觸發條件
- 變數
:::

<br/>

# 創建練習網站

這次我使用 [localwp](https://localwp.com/)，wordpress的地端
按下載

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





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


> 我使用別人的網站資料檔來改，需要使用外掛的搬家插件
All-in-One WP Migration and Backup
> 後臺「外掛」-「安裝外掛」-「上傳外掛」，把插件檔案上傳並啟用
> 匯入網站資料檔，再重整重新登入就成功了~

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

>假設只要設置ga串流

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

<br/>

# 建立GTM帳戶，設置連接GA4



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


回到GTM，點右上「預覽」

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

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

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

儲存


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

<br/>

# 總覽

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



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

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

下面要多設置「事件參數」，可以參考 [Google Workspace 管理員說明_規則運算式的語法](https://support.google.com/a/answer/1371415?hl=zh-Hant)


可以看到點出去的路徑

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


<br/>

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

<br/>

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

<br/>

# 變數

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

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