使用 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 -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

驗證 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 產品並傳送事件資料。