你可以在設計管理工具中託管和編輯JavaScript檔案。 瞭解如何建立JavaScript檔案,並將其連結至範本或網域。
建立JavaScript檔案
- 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
- 在左側邊欄選單中,按一下檔案>新檔案。 您可能需要按一下folder 圖示以展開選單。
- 在對話方塊中,按一下您今天想要建立什麼?下拉式選單,然後選取JavaScript。
- 按一下下一步。
- 在「檔案名稱」欄位中,輸入JavaScript檔案的名稱。
- 若要更新檔案的位置,請在「檔案位置」區段中按一下變更,然後選擇要新增檔案的資料夾。
- 按一下建立。
- 輸入或貼上JavaScript至程式碼編輯器。
- 如果您已啟用ESLint ,按一下以切換顯示輸出開關,即可查看任何JavaScript警告或錯誤。
- 點擊右上角的「發佈變更 」,即可接收變更內容。
將JavaScript檔案附加到範本
- 在左側的搜尋器中,按一下要更新的範本。
- 在右側的檢測器中,單擊編輯選項卡。
- 在「連結的JavaScript檔案」區段中,按一下「新增」下拉式選單,然後選擇您的JavaScript檔案。
- 點擊右上角的「發佈變更」,即可接收變更內容。
在HubSpot頁面上包含JavaScript檔案
您可以使用公開網址,將JavaScript檔案包含在HubSpot託管網域的所有頁面上,或包含在個別頁面上。
若要存取檔案的公開網址,請按照以下步驟
- 在左側邊欄選單中,選擇你的JavaScript檔案。
- 按一下「動作」>「複製公開網址」。
若要將檔案新增至網域上的所有HubSpot頁面:
- 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
- 在左側邊欄選單中,前往「內容」>「頁面」。
- 按一下「選擇網域以編輯其設定」下拉式選單,然後選取要新增JavaScript檔案的網域。 若要將JavaScript檔案套用至所有已連線的網域,您可以選取所有網域的預設設定。
- 在「網站頁尾HTML」區段中,貼上 公開URL作為指令碼標記來源的值:
< script src = '在此插入文件的公共URL' >
或者,要將文件添加到單個頁面:
-
前往你的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 將滑鼠遊標停留在要編輯的頁面上,然後點擊「編輯」。
- 在頁面編輯器中,按一下設定選單,然後選取進階。
- 在對話方塊的「頁尾HTML」區段中,貼上公開URL作為指令碼標記來源的值:
< script src = '在此插入文件的公共URL' >
Design Manager