設定及安裝代碼管理工具

本文旨在協助首次設定 Google 代碼管理工具及管理網站代碼的使用者。

您可以運用 Google 代碼管理工具，設定及部署 Google 產品和第三方的代碼。

什麼是代碼？

「代碼」是指由分析、行銷和支援供應商提供的程式碼片段，可協助您將產品整合至網站或行動應用程式。使用 Google 代碼管理工具，您就不必將這些代碼直接新增至專案中；只要在「代碼管理工具」的使用者介面中指定及發布代碼，並設定代碼啟動方式就行了。

「代碼管理工具」帳戶代表機構組織的最頂層。一般來說，一家公司只需要一個帳戶。「代碼管理工具」帳戶含有一或多個容器。

容器由多個代碼和用來管理代碼的規則構成，可分成許多種，分別適用於：

建立新帳戶時，您需要逐步完成新容器的設定步驟。

首次載入新容器時，系統會根據容器類型顯示不同的對話方塊。

您可以立即安裝容器，也可以按一下「確定」清除對話方塊，之後再繼續安裝。

如要從多個來源 (例如網站和應用程式) 收集指標，您必須為每個平台另外建立更多容器。

請按照以下操作說明設定網站容器，以追蹤網站代碼。如果您對於編寫程式碼不熟悉，或是無權存取網站或行動應用程式的程式碼，建議在這個步驟尋求開發人員協助。

若要設定其他容器類型，請參閱開發人員說明文件：

在「代碼管理工具」中按一下「工作區」。
在視窗頂端附近，找到格式為「GTM-XXXXXX」的容器 ID。
按一下容器 ID，「安裝代碼管理工具」方塊就會顯示。
按照「安裝代碼管理工具」方塊中的操作說明，複製程式碼片段並貼到網站中。
1. 將 <script> 程式碼片段放在網頁 HTML 輸出內容的 <head>，位置最好是盡量靠近 <head> 開頭代碼，但必須在所有 dataLayer 宣告下方。
2. 將 <noscript> 程式碼片段放在 HTML 輸出內容中，位置緊靠 <body> 代碼後方。

如果您已在自家網站上使用代碼，請將這些代碼遷移至代碼管理工具容器，詳情請參閱「3. 新增代碼」。請移除程式碼中的所有硬式編碼代碼，確保代碼不會啟動兩次。

為避免您的容器遭到第三方窺探，代碼管理工具的網頁程式碼片段預設使用 HTTPS。

如果您因故必須以支援非安全網頁的方式部署代碼管理工具容器，可將容器片段中的來源網址通訊協定調整為 //，以取代 https://。進一步瞭解如何使用通訊協定相關網址。

在網站上安裝容器後，您就可以新增代碼了。

在工作區中按一下「代碼」。
若要加入代碼，請按一下「新增」。
為代碼命名並進行設定：
- 代碼設定：選擇您要管理的代碼類型。Google 代碼管理工具支援 Google 產品代碼和第三方代碼。如要進一步瞭解如何在 Google 產品中設定代碼，請參閱「Google 代碼管理工具指南」一文。
  如果沒有相符的代碼類型，您可以建立自訂 HTML 或圖片代碼。
- 觸發條件：觸發條件控制是否要觸發或封鎖網頁代碼。進一步瞭解觸發條件
選用：在設定中新增附註，以便日後參考。如要新增附註，請按一下「更多動作」選單，然後選取「顯示附註」
按一下「儲存」並視需要建立更多代碼。

新增代碼後，請確認代碼運作正常。檢查代碼設定的步驟如下：

如果代碼正常運作，請發布代碼。

發布目前工作區的步驟如下：

這對您有幫助嗎？

我們應如何改進呢？