使用 gtag.js 設定 Google 代碼

Google 代碼是可加進網站的單一代碼，用於 Google 評估和廣告產品，例如 Google Ads、Google Analytics、Campaign Manager、Display & Video 360 和 Search Ads 360。不必分別管理不同 Google 產品的代碼，只要在整個網站導入一組 Google 代碼，並將代碼連結到多個目的地即可。

進一步瞭解 Google 代碼

本頁說明如何使用 gtag.js 架構，在網站上設定及部署 Google 代碼。如果您不熟悉 JavaScript，建議使用 Google 代碼管理工具，而非 gtag.js。

優點

如要評估轉換並充分發揮 Google 行銷投資的效益，最好的做法是在網站的每個網頁上安插代碼。在網站上導入 Google 代碼後，您就能享有下列好處：

  • 採用符合未來趨勢的轉換評估方式。在最新的功能和整合功能推出時立即採用，這樣一來，即使發生變化，您也能繼續準確評估轉換。
  • 無程式碼代碼管理。直接在 Google 產品中啟用評估功能，不必手動變更網頁上的代碼。
  • 整合速度更快，也更輕鬆。簡化導入程序，並與 Analytics 和 Google Ads 等其他 Google 產品整合。
  • 更準確地評估轉換。在無法使用 Cookie 的情況下，Google 代碼有助於更準確地評估轉換，並補回目前因產業因素而未觀察到的轉換。

在網站加入 Google 代碼

如要使用 Google 代碼收集資料，請按照下列步驟操作：

  1. 開啟您使用的 Google 產品，然後進入 Google 代碼畫面。如何找出下列平台的代碼 ID：

  2. 複製 Google 代碼 ID。

  3. 在下列程式碼範例中貼上 Google 代碼 ID。在每個要評估的網頁上，緊接在開頭的 <head> HTML 標記後方，放置 Google 代碼程式碼片段。

      <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'TAG_ID');
  </script>

    如要將資料傳送至 Google 廣告產品，必須使用 config 指令。 許多功能都需要在網站上設定 config 指令，例如自動收集的事件和轉換連結。進一步瞭解設定指令

驗證 Google 代碼

如要確認代碼是否正在傳送資料，可以使用 Tag Assistant 或瀏覽器的開發人員工具。

使用 Tag Assistant 驗證

  1. 前往 tagassistant.google.com/。
  2. 按一下「Add domain」(新增網域)。
  3. 輸入要偵錯的網站網址，開頭為「https://」或「http://」。
  4. 點選「連線」。

將 Tag Assistant 連結至網站後，請檢查「找到的 Google 代碼」標題下方是否顯示 Google 代碼 ID。綠色或藍色圖示表示系統已找到代碼，且代碼運作正常。

如果 Tag Assistant 無法辨識代碼，請前往代碼管理工具說明中心查看偵錯提示。

您也可以查看代碼涵蓋範圍摘要，概略瞭解網站的代碼狀態。

使用瀏覽器開發人員工具驗證

如要使用瀏覽器的開發人員工具確認代碼是否傳送資料，請按照下列步驟操作：

  1. 在新瀏覽器分頁或視窗中開啟網站。
  2. 開啟瀏覽器的開發人員工具 (通常是按一下滑鼠右鍵並選取「檢查」，或是按下 F12 鍵)。
  3. 前往「網路」分頁。
  4. 確認您可以擷取所有網路流量：
    • 勾選「保留記錄」核取方塊，這樣在重新載入或瀏覽網頁時，要求就不會遺失。
    • 如有必要，請重新載入網頁，擷取初始要求。
  5. 在篩選器方塊中輸入 g/collect (Google Analytics 資料收集的通用路徑)，縮小命中範圍。
  6. 尋找對 google-analytics.com/g/collect (適用於 Google Analytics) 或伺服器容器網址的要求。
  7. 確認要求是否成功：
    • 狀態碼：尋找「204 No Content」或「200 OK」。
    • 酬載：按一下要求，然後檢查「酬載」 (或「查詢字串參數」) 分頁，確認系統正在傳送評估 ID (tid) 和事件參數。

後續步驟

Google 代碼設定完成後，請設定 Google 產品並傳送事件資料。