使用 gtag.js 設定 Google 代碼

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

進一步瞭解 Google 代碼

本頁說明如何使用 gtag.js 架構，在網站上設定及部署 Google 代碼。

優點

如要評估轉換並提高 Google 行銷投資的價值，最佳做法是在網站的每個網頁上加入代碼。在網站上導入 Google 代碼後，您就能享有下列好處：

  • 採用符合未來趨勢的轉換評估方式。在最新的功能和整合服務推出時立即採用，以便在發生變化時，繼續準確評估轉換。
  • 無程式碼代碼管理工具。在 Google 產品中啟用評估功能，無須手動變更網頁上的代碼。
  • 整合速度更快，也更輕鬆。簡化導入程序，並與其他 Google 產品 (例如 Analytics 和 Google Ads) 整合。
  • 更準確地評估轉換。在無法使用 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 代碼」標題下方是否顯示 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 或 analytics.google.com 的要求。
    • Floodlight：篩選傳送至 doubleclick.net 的請求。

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

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

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

    [vn_Tag_Assistant]：//tagassistant.google.com

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

後續步驟

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