為你的網站導入 GA4 - GA4 與 GTM 串接

發表於 更新於 分類於 Disqus：
商品行網站，常常會需要建立一些資料，來明白使用者動作，所以會使用到 GA (Google Analytics) 來追蹤使用者型為，這邊就來介紹一下新版 GA 4 、以及 GTM 串接設定。

前言

商品行網站，常常會需要建立一些資料，來明白使用者動作，所以會使用到 GA (Google Analytics) 來追蹤使用者型為，這邊就來介紹一下新版 GA 4 、以及 GTM 串接設定。

開啟 GA4 、GTM 功能

再有登入 google 狀況下，前往此頁 ，在點擊 ，選單中 Analytics (分析)、 代碼管理工具 (GTM) ，在填寫一下相關資訊，就可以開啟 GA 、 GTM 的功能了。

GA 與 GTM 的關係

GA 本身就具有蒐集資料的功能，不過廠商時常會希望能夠紀錄使用者某些特定動作。
例如：記錄使用者登入網站的次數，這種特別事件的紀錄，就會需要使用 GTM 來做詳細的事件設定，因此許多網站會採用 GA 串接 GTM 做法。

GA 串接 GTM

接者我們會需要把 GA 和 GTM 串接起來這個步驟其實非常容易。

  • 步驟一：在 GA 首頁，點選左下角齒輪 (管理)
  • 步驟二：點選資料串流
  • 步驟三：點選你設定好的網址
  • 步驟四：點選設定好的網址後，就會跳出新的選單，裡面有我們需要的 評估 ID ，接者就是把 評估 ID 複製至起來。
  • 步驟五：接下會到 GTM 首頁，點選左側欄位的代碼，進入後按新增。
  • 步驟六：代碼類型選擇 Google Analytics (分析)：GA4 設定 接者 GTM 這邊會多一個 評估 ID 的欄位，這邊當然是放入 GA 複製過來的 評估 ID。
  • 步驟七：下方的觸發條件欄位選擇 All Pages，接下來就是按下右上角儲存。
  • 步驟八：這是最後的一步驟了，可以目前看到 GTM 右上角有寫到 工作區變更數： 1 要做的就是按下提交，把剛剛 GTM 的設定發布出去，這樣就完成 GA 與 GTM 串接了。

為你的網站導入 GTM

在上述八個步驟後，在按上右上角的發布其實已經完成 GA 與 GTM 的串連，此時 GA 暫時不會用到，接者只需要獲得 GTM 的 CDN 在把它放到你的專案中，就大功告成了。
而獲得 GTM CDN 也非常簡單，在 GTM 點擊管理 => 環境 => 動作 => 取得程式碼片段 ，此時就會獲得 GTM CDN 碼了。
接者就可以根據說明把 CDN 碼，放入對應 HTML 位置，你的網站就有 GA 追蹤功能了。
下面一篇會開始說明一下，GTM 的一些操作方法。