跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

使用 HubSpot 內容的程式碼片段

上次更新時間: 2026年2月11日

可搭配下列任何訂閱使用,除非另有註明:

代碼片段允許將自訂腳本或標記添加到 HubSpot 託管的內容中。常見的用例包括分析追蹤、第三方整合,以及必須載入頁首或頁尾的自訂功能。

開始之前

在使用 HubSpot 內容的程式碼片段之前,請檢閱需求與注意事項。

需要權限 需要以下權限:

  • 在特定頁面、文章或文章中加入程式碼片段需要有「編輯與發佈限。
  • 要將程式碼片段新增至特定網域中的所有內容,需要網站設定權限

瞭解限制與注意事項

  • 可在兩個層級新增程式碼片段:

    • 特定頁面、部落格文章或知識庫文章。
    • 特定網域內所有 HubSpot 託管的內容。
  • 檢閱任何外部程式碼片段的嵌入說明,確認是否應將其新增至內容的標頭、正文或頁尾 HTML。
  • 頁頭和頁尾 HTML 的編輯選項會依訂閱和內容類型而有所不同。
  • 為所有網域或用於報價的網域設定的頁首或頁尾 HTML 將出現在報價以及網站內容上。

將程式碼片段加入特定內容

當程式碼片段僅應用於個別頁面、部落格文章或知識庫文章時,請使用此方法。

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 知識庫:知識庫: 在你的 HubSpot 帳戶中,瀏覽「服務」>「知識庫」。
  2. 按一下內容的名稱
  3. 在內容編輯器中,按一下「設定 」功能表,然後選擇「進階」。
  4. 在對話方塊的「附加程式碼片段 」部分,將您的程式碼片段 輸入Head HTML Footer HTML 欄位。
  5. 完成後,按一下 [發佈]或 [更新]以啟用您的變更。

請注意:頁尾 HTML 欄位不適用於部落格文章或知識庫文章。

將代碼片段新增至特定網域中的所有內容

當程式碼應用於網域名稱上所有 HubSpot 託管的內容時,請使用此方法,例如全站追蹤腳本。

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  2. 在左側功能表中,導覽到內容>頁面
  3. 按一下Choose a domain to edit its settings (選擇網域以編輯其設定) 下拉式功能表,然後選擇一個網域。若要對所有 HubSpot 託管的內容套用相同的程式碼,請選擇所有網域的預設設定
  4. 若要編輯特定網域的標頭或頁尾,請在Site Header HTML Site Footer HTML 區段中按一下Override default settings。加入預設設定的程式碼將不再適用於此網域的內容。
  5. 要將特定網域的頁首或頁尾 HTML 還原為所有網域的預設設定 ,請按一下套用預設設定
  6. 輸入您的程式碼片段
  7. 在左下方,按一下儲存 以套用您的變更。

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助