這份文件適用於剛接觸標記的新手,且想瞭解哪種代碼設定最適合他們。
本文件將簡介 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 代碼,大功告成。
準備好開始使用了嗎?
如果您未使用網站製作工具或 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 部署其他程式碼。