文章總覽 如何串接 GoogleTagManager?

如何創建 Google Tag Manager (GTM)
並串接 Google Analytics 4 (GA4)

網頁行銷
數據追蹤
GTM / GA4
在現代網站數據分析中,Google Tag Manager (GTM) 和 Google Analytics 4 (GA4) 是不可或缺的工具。通過這兩者的整合,可以更有效地追蹤網站訪客行為,並且靈活設置各種標籤追蹤項目。本文將引導您一步步創建 GTM 並串接到 GA4。

深一、什麼是 Google Tag Manager 和 Google Analytics 4?

前往 Adobe 官方網站

什麼是 Google Tag Manager 和 Google Analytics 4?

Google Tag Manager 是一個免費工具,可以幫助您在網站上輕鬆添加和管理多種標籤(Tags)。無論是分析代碼、追蹤代碼還是行為追蹤,GTM 可以將它們集中在一起進行管理,避免多次更改網站的原始碼。

Google Analytics 4 則是 Google 的新一代網站分析平台,與以往的 Universal Analytics 不同,GA4 更專注於事件驅動,並且具備更強大的跨平台分析能力。通過 GA4,您可以獲得更準確的數據分析報告,幫助優化網站及行銷策略。

二、創建並設置 Google Tag Manager (GTM)

註冊並登錄 GTM 帳號
  • - 註冊並登錄 GTM 帳號
  • - 點擊“新增帳戶”,按照指示輸入您的帳戶名稱和網站網址,選擇網站平台為 “網頁”
  • - 完成後,點擊“創建”
建立帳戶-極客網頁設計
建立一個容器帳戶
新增帳戶名稱-極客網頁設計
帳戶名稱設定
容器名稱-裝置類型
選擇類型

2. 安裝 GTM 程式碼到您的網站

GTM 會生成兩段代碼(Head 和 Body 部分)。將這兩段代碼分別粘貼到您網站的 head 和 body 部分。 完成後,儲存並發佈。

3. 在 GTM 中新增 Google Analytics 4 標籤

  • - 進入 GTM 的儀表板,點擊左側的“標籤”選項,再點擊“新增”。
  • - 選擇“標籤設定”中的“Google Analytics: GA4 設定”。
  • - 接下來,需要輸入您的 GA4 設定檔的“測量 ID”。您可以在 GA4 的管理頁面中找到它。
  • - 在“觸發器”部分,選擇“全站觸發”以確保 GA4 追蹤到所有訪客活動。
  • - 完成後,儲存標籤。
點擊標籤並新增-極客網頁設計
點擊左側的 "標籤" 選項,再點擊 "新增"
選擇代碼類型-極客網頁設計選擇ga4-極客網頁設計選擇ga4-極客網頁設計
選擇ga4

3. 、創建並設置 Google Analytics 4 (GA4) 帳戶

  • -登錄您的 Google Analytics 帳戶。。
  • - 點擊左下角的“管理員”,然後在帳戶和資源欄中,點擊“創建資源”。
  • - 選擇“GA4 設定”,並輸入您的網站名稱、網址等基本信息。
  • - 完成後,系統會生成一個 GA4 的“測量 ID”(例如:G-XXXXXXXXX),這個 ID 將用於 GTM 中標籤設定。
點擊左下角管理員-極客網頁設計
點擊左下角管理員
找到你的評估id-極客網頁設計
找到你的評估id 並複製,這個 ID 將用於 GTM 中標籤設定。
找不到google代碼.png
如出現找不到google代碼 及案右邊建立代碼按鈕
順利新增ga4代碼.png
順利新增ga4代碼

4. 測試和發佈標籤

在 GTM 中測試標籤

  • - 完成所有設置後,點擊 GTM 的“預覽”按鈕進行測試。這會開啟一個 Debug 模式,您可以檢查標籤是否正確觸發。
  • - 測試所有標籤運行是否符合預期,例如 GA4 的標籤是否正確觸發。

發佈標籤

  • - 如果測試沒有問題,回到 GTM 儀表板,點擊右上角的“提交”按鈕,並點擊“發佈”來發布更新。
  • - 完成後,您的網站將開始記錄 GA4 數據,並且可以在 Google Analytics 的報告中看到即時數據。
發布代碼-極客網頁設計
點擊發布代碼,可以新增版本名稱和內容
發布此版本代碼-極客網頁設計
發布此版本代碼
成功新增發布的代碼-極客網頁設計.png成功新增發布的代碼-極客網頁設計.png
這樣就順利新增ga4代碼啦!!

你可能也有興趣其他文章