使用 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。在要評估的每個網頁上，將 Google 代碼片段緊貼到開頭的 <head> HTML 代碼後面。

      <!-- 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>

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

驗證 Google 代碼

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

使用 Tag Assistant 驗證

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

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

如果 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，否則 Google Analytics 會在呼叫 config 指令時自動傳送 page_view 事件。

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

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

    [vn_Tag_Assistant]：//tagassistant.google.com

如要進一步瞭解如何驗證 Google Analytics 設定、找出資料未顯示的問題，以及瞭解資料處理時間表，請參閱「驗證及排解 Google Analytics 設定問題」。

後續步驟

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