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

添加JavaScript文件到HubSpot

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

您可以在設計管理器中託管和編輯JavaScript檔案。 了解如何建立JavaScript檔案並將其連結到模板或網域。


建立JavaScript檔案

  • 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
  • 在左側邊欄選單中,按一下檔案 > 新建檔案。 您可能需要按一下  資料夾圖示 以展開選單。
  • 在「」對話方塊中,按一下「今天要建立甚麼?」下拉式選單,然後選擇JavaScript

design-manager-new-file-javascript
  • 按一下下一步
  • 「檔案名稱」欄位中,輸入JavaScript檔案的名稱。
  • 若要更新檔案的位置,請在「 檔案位置 部分按一下「 變更 」,然後選擇要新增檔案的資料夾

design-manager-new-javascript-file

  • 按一下建立。 
  • 輸入或貼上您的JavaScript到編輯器中。
  • 如果已啟用ESLint ,您可以按一下以開啟「顯示輸出」開關來查看任何JavaScript警告或錯誤。

    design-manager-javascript-show-output
  • 按一下右上角的「發佈變更 ,即可啟用變更。

將JavaScript文件附加到模板

  • 在左側的尋找工具中,按一下要更新的本。
  • 在右側的檢查工具中,按一下[編]標籤。
  • 在「連結的JavaScript檔案」部分,按一下「新增」下拉式選單,然後選擇您的JavaScript檔案

 

  • 按一下右上角的「發佈變更」,即可啟用變更。

在HubSpot頁面上包含JavaScript檔案

您可以使用公開網址,將JavaScript檔案包含在HubSpot託管網域的所有網頁上,或包含在個別網頁上。

若要存取檔案的公開網址:

  • 在左側邊欄選擇JavaScript檔案
  • 按一下[操作 ] > [ 複製公開網址]

design-manager-add-javascript-file

若要將檔案新增到網域中的所有HubSpot頁面,請按照以下步驟操作:
  • 在 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-- >
  • 若要將更改發佈至即時網頁,請按一下右上角的[更新]。
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.