Google 代碼和代碼管理工具

這份文件適用於剛接觸標記的新手,且想瞭解哪種代碼設定最適合他們。

本文件將簡介 Google 代碼 (gtag.js) 和代碼管理工具。 如果要在應用程式中設定 Google Analytics (分析),另請參閱 Firebase 說明文件

總覽

您只要將 Google 代碼加入網站,就能評估網站和廣告成效,您需要 Google 代碼,才能將資料傳送到 Google Ads 和 Google Analytics (分析) 4 (GA4,又稱為「目的地」)。

哪一種標記方式最適合我?

您可以單獨使用 Google 代碼,也可以透過代碼管理工具使用 Google 代碼。

本文說明各種標記選項,方便您選擇符合需求的選項。

Google 代碼的唯一使用時機

Google 代碼是所有評估用途的基礎。如果目前使用 Google Ads 或 GA4,產品會自動產生 Google 代碼。下一步是更新網站程式碼。

Google 代碼可讓您:

  • 在整個網站上使用同個 Google 代碼,無須針對不同的 Google 產品帳戶管理多個代碼。
  • 在 Google Analytics (分析) 中自動評估網頁瀏覽、點擊、捲動等動作。瞭解詳情
  • 在 Google Ads 中自動評估轉換和廣告活動成效。 瞭解詳情
  • 在 Google 產品 (例如 Google Ads、Google Analytics (分析)、Google 代碼管理工具) 中調整這些 Google 代碼設定,將網站的程式碼修改最少。

標記選項適用於沒有現成的網頁開發團隊,或使用內容管理系統 (CMS) 的行銷人。如果只需要使用預設指標 (例如網頁瀏覽、點擊和捲動),可以設定一次 Google 代碼,大功告成。

準備好開始使用了嗎?

需要更多自主權?

建議您在 Google 代碼中加入下列其中一個代碼選項:

  • Google 代碼管理工具 (建議使用)
  • gtag.js

什麼是 gtag.js?

Google 代碼會使用 gtag.js JavaScript 架構,將 Google 代碼直接加入網頁。您需要熟悉 HTML、CSS 和 JavaScript 才能有效使用 gtag.js

這個標記選項最適合負責標記,且只需要管理 Google 代碼的網站開發人員。gtag.js 可讓您直接在網頁上加入代碼,而不用另外花時間設定代碼管理系統。

如果您的標記需求不斷更新,日後隨時可以將代碼migrate至 Google 代碼管理工具。

什麼是 Google 代碼管理工具?

Google 代碼管理工具是一套代碼管理系統,可讓您透過網頁介面,輕鬆迅速地更新網站或行動應用程式中的代碼。您可以使用 Google 代碼管理工具在網站上載入 Google 代碼。這個方法就是在您的網站中加入 Google 代碼程式碼片段。

代碼管理工具支援 Google 專屬代碼、眾多第三方代碼,甚至是自訂代碼。請見所有支援的代碼

這個選項最適合負責管理標記,且需要管理 Google 和第三方代碼的行銷人。也很適合代碼管理員和代理商使用,可搭配網站程式碼變更使用。

Google 代碼管理工具和 gtag.js 比較

下表重點列出代碼管理工具和 gtag.js 之間的差異。

gtag.js (程式碼部署)

Google 代碼管理工具 (代碼管理系統)

您需要編寫程式碼來部署代碼,並自訂網站資料收集行為

可即時部署及修改 Google 和第三方提供的代碼,不必修改程式碼
查看所有支援的代碼

只能傳送 Google 產品的資料。

可傳送 Google 代碼、第三方代碼和自訂代碼的資料。

您必須在程式碼內管理代碼,且可能需要複製程式碼供不同平台 (例如網站和應用程式) 使用。

一次透過 tagmanager.google.com 管理網站和應用程式的代碼

版本管控取決於您管理程式碼的方式。

可使用工作區和版本管控代碼與他人協作。

可使用伺服器端代碼,但仍需使用 Google 代碼管理工具部署並與伺服器容器互動。

代碼管理工具可讓您輕鬆在伺服器上部署代碼。 如果您正在使用這個選項,請參閱「用戶端和伺服器端代碼」一文。

與靜態網站產生器、CMS、網站製作工具,或支援 JavaScript 的手動編寫 HTML 網頁相容。

與許多 CMS 和網站製作工具相容。如果您的系統不支援代碼管理工具,請改用 Google 代碼 (gtag.js)。

費用:免費

費用:免費

準備好使用 Google 代碼管理工具了嗎?

設定及安裝代碼管理工具 →

如果您已經使用代碼管理工具,請繼續執行。代碼管理工具完整支援 Google Ads 和 Google Marketing Platform 代碼;如果您已使用代碼管理工具,就不需要在網站上使用 gtag.js 部署其他程式碼。

後續步驟