G Suite 現已更名為 Google Workspace:滿足您業務需求,大幅提升工作效率。

設定及安裝代碼管理工具

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

Install the Google Tag Manager container snippet

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

什麼是代碼?

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

什麼是帳戶?

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

什麼是容器?

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

  • 網站
  • AMP 網頁
  • Android 應用程式
  • iOS 應用程式
  • 在伺服器上執行代碼管理工具

1. 建立新帳戶和容器

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

  1. 代碼管理工具中,依序點選「帳戶」分頁標籤 >「建立帳戶」
  2. 輸入「帳戶名稱」,然後選取帳戶的國家/地區。
  3. 輸入描述性的「容器名稱」,然後選取容器類型。
  4. 如要建立容器,請按一下「建立」並同意《服務條款》。

結果

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

  • 網頁和 AMP:您會收到網站的安裝程式碼片段。
  • iOS 和 Android:您會收到開發人員說明文件的連結。
  • 伺服器:您可以選擇自動或手動佈建伺服器。

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

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

選用:在帳戶中加入更多容器

  1. 開啟代碼管理工具
  2. 在「帳戶」分頁中,依序點選帳戶名稱旁邊的「更多動作」圖示 更多 >「建立容器」
  3. 輸入描述性的「容器名稱」,然後選取容器類型。
  4. 如要建立容器,請按一下「建立」並同意《服務條款》。

2. 安裝容器

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

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

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

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

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

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

3. 新增代碼

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

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

4. 確認代碼運作正常

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

  1. 按一下「預覽」按鈕。Google Tag Assistant 會在新分頁中開啟。
  2. 輸入您安裝代碼管理工具容器的網站網址。如有任何錯誤,請使用 Tag Assistant 進行偵錯
  3. 若要修改代碼,請按一下代碼名稱修改其設定。舉例來說,假設代碼在網頁載入後觸發,但您希望在使用者按下按鈕時觸發代碼,請更新觸發條件。
  4. 儲存修改的代碼,然後重新啟動「預覽」模式確認問題已解決。

5. 發布代碼

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

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

  1. 按一下畫面右上角的 [提交],這時候會出現「提交變更」畫面,其中列出多種可使用的容器版本發布及儲存選項。
  2. 設定完成後請選取 [發佈及建立版本]
  3. 檢查「工作區變更」部分,確認一切設定都正確無誤。
  4. 輸入「版本名稱」和「版本說明」
  5. 按一下「發布」。
這對您有幫助嗎?
我們應如何改進呢?
搜尋
清除搜尋內容
關閉搜尋
Google 應用程式
主選單
搜尋說明中心
true
true
true
102259
false
false