請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
添加JavaScript文件到HubSpot
上次更新時間: 六月 28, 2023
您可以在設計管理器中託管和編輯JavaScript檔案。 了解如何建立JavaScript檔案並將其連結到模板或網域。
建立JavaScript檔案
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「檔案和範本」>「設計工具」。
- 在左側邊欄選單中,按一下檔案 > 新建檔案。 您可能需要按一下 資料夾圖示 以展開選單。
- 在「」對話方塊中,按一下「今天要建立甚麼?」下拉式選單,然後選擇JavaScript。

- 按一下下一步。
- 在「檔案名稱」欄位中,輸入JavaScript檔案的名稱。
- 若要更新檔案的位置,請在「 檔案位置」 部分按一下「 變更 」,然後選擇要新增檔案的資料夾。
- 按一下建立。
- 輸入或貼上您的JavaScript到編輯器中。
- 如果已啟用ESLint ,您可以按一下以開啟「顯示輸出」開關來查看任何JavaScript警告或錯誤。
- 按一下右上角的「發佈變更 」,即可啟用變更。
將JavaScript文件附加到模板
- 按一下右上角的「發佈變更」,即可啟用變更。
在HubSpot頁面上包含JavaScript檔案
您可以使用公開網址,將JavaScript檔案包含在HubSpot託管網域的所有網頁上,或包含在個別網頁上。
若要存取檔案的公開網址:
- 在左側邊欄選擇JavaScript檔案。
- 按一下[操作 ] > [ 複製公開網址]。
- 在你的 HubSpot 帳戶中,點擊主導覽列中的settings「設定圖示」。
- 在左側邊欄選單中,瀏覽至 「 網站」>「頁面」。
- 按一下[選擇要編輯其設置的網域]下拉式選單,然後選擇要新增JavaScript檔案的網域。 如果您希望JavaScript檔案套用到所有連接的網域,可以選擇所有網域的預設設定。
- 在「網站頁尾HTML」 部分,將公開網址貼上為腳本標籤來源的值:
<! -- start Main.js Don 't
Remove -- > < script src ='在此插入文件的公共URL '> </script >
<!---End Main.js-- >
- 按一下 儲存。
若要將檔案新增到個別頁面,請按照以下步驟操作:
- 在您的HubSpot帳戶中,瀏覽「市場推廣」>「網站」>「網站頁面」或「目的地頁面」。
- 將滑鼠停留在要編輯的頁面上,然後按一下編輯。
- 在頁面編輯器中,按一下[設定]分頁。
- 按一下進階選項。
- 在頁尾HTML部分,將公開網址貼上為腳本標籤來源的值:
<! -- start Main.js Don 't
Remove -- > < script src ='在此插入文件的公共URL '> </script >
<!---End Main.js-- >
- 若要將更改發佈至即時網頁,請按一下右上角的[更新]。
Design Manager
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。