使用 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. 在 Google Chrome 中開啟網站。
  2. 開啟 Chrome 開發人員工具 (依序選取「檢視」>「開發人員」>「開發人員工具」)。
  3. 開啟「網路」分頁。
  4. 請重新整理頁面。

  5. 如果看到對 googletagmanager.com 的要求，表示代碼已觸發。

    如要進一步檢查設定，請尋找特定 Google 產品的點擊次數：

    • Google Ads：篩選 googleadservices.com 或 googlesyndication.com 的要求。
    • Google Analytics：篩選對 google-analytics.com 的要求。
    • Floodlight：篩選對 doubleclick.net 的要求。

    如果沒有看到您設定的產品要求，可能是因為您只使用 config 指令載入產品，但未傳送任何事件。使用 event 指令，檢查你是否正在傳送這個產品的事件。舉例來說，除非您將 send_page_view 設為 false，否則系統會在呼叫 config 指令時，自動傳送 page_view 事件。

    如果還是沒有看到任何要求，請檢查開發人員工具的「主控台」是否有錯誤。

    如要進行詳細偵錯，請使用 Tag Assistant。

    [vn_Tag_Assistant]：//tagassistant.google.com

後續步驟

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