建立並新增 JavaScript 檔案至 HubSpot

在設計管理員中建立和新增 JavaScript 檔案，以自訂 HubSpot 託管內容的功能。建立 JavaScript 檔案，將其附加至模板，或在整個網域或個別網頁上新增 JavaScript 檔案。

例如，使用 JavaScript 檔案來新增互動元素、整合第三方腳本或自訂標準模組以外的頁面行為。

開始之前

在使用 JavaScript 檔案之前，請檢閱下列需求與注意事項。

瞭解限制與注意事項

• 發佈變更會立即在相關範本或頁面上執行更新。
• 在網域層級新增 JavaScript 會將腳本套用至該網域上所有 HubSpot 託管的頁面。

建立 JavaScript 檔案

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在搜尋器中，按一下檔案下拉式功能表，然後選擇新增檔案。
3. 在對話方塊中，點選What would you like to build today?下拉式功能表並選擇JavaScript。然後按下一步。
4. 在檔案名稱 欄位中，輸入 JavaScript檔案 的名稱。
5. 若要更新檔案位置，請在檔案位置區段中，按一下變更 ，然後選擇要新增檔案的資料夾。
6. 按一下建立。
7. 在程式碼編輯器中輸入 JavaScript。
8. 如果您已啟用 ESLint，請開啟「顯示輸出 」開關，以檢視任何 JavaScript 警告或錯誤。

9. 完成後，按一下右上方的「發佈變更」。

將 JavaScript 檔案附加到拖放範本

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在搜尋器中，按一下您要更新的範本。
3. 在右側的檢閱器中，按一下編輯索引標籤。
4. 在連結的 JavaScript 檔案部分，按一下新增 下拉式功能表，然後選擇您的JavaScript 檔案。
5. 完成後，按一下右上方的Publish 變更。

將 JavaScript 檔案附加到編碼範本

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在 搜尋器中，按一下您要更新的範本。
3. 在程式碼編輯器中，輸入require_jsHubL 函式。進一步了解require_js HubL 函數的使用。

在 HubSpot 頁面加入 JavaScript 檔案

在 HubSpot 託管網域名稱的所有頁面上新增 JavaScript 檔案，或使用公開 URL 在個別頁面上新增 JavaScript 檔案。

存取 JavaScript 檔案的公開 URL

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在 搜尋器中，點選 JavaScript 檔案的名稱。然後按一下動作下拉式功能表，並選擇複製公開 URL。

將 JavaScript 檔案新增至網域的所有頁面

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
2. 在左側功能表中，導覽到內容 > 頁面。
3. 按一下Choose a domain to edit its settings下拉式功能表，然後選取要新增 JavaScript 檔案的網域。若要將 JavaScript 檔案套用至所有連線的網域，請選擇所有網域的預設設定。
   
4. 在Site footer HTML 區段中，貼上 公開 URL 作為 script 標籤來源的值：

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. 完成後，按一下左下方的儲存 。

新增 JavaScript 檔案到個別頁面

請注意：進階設定在起始範本中不可用。

1. 導覽到您的內容：
   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。 著陸頁面
2. 按一下您的頁面名稱。
3. 在內容編輯器中，按一下「設定」功能表，然後選擇「進階」。
4. 在對話方塊的頁尾 HTML區段中，貼上公共 URL作為 script 標籤來源的值：

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. 完成後，按一下右上方的「發佈」或「更新」。