知識庫

向HubSpot添加JavaScript文件

作者:HubSpot Support | Nov 21, 2022 12:52:33 PM

你可以在設計管理工具中託管和編輯JavaScript檔案。 瞭解如何建立JavaScript檔案,並將其連結至範本或網域。

建立JavaScript檔案

  • 在左側邊欄選單中,按一下檔案>新檔案。 您可能需要按一下folder 圖示以展開選單。
  • 在對話方塊中,按一下您今天想要建立什麼?下拉式選單,然後選取JavaScript。


  • 按一下下一步。
  • 在「檔案名稱」欄位中,輸入JavaScript檔案的名稱。
  • 若要更新檔案的位置,請在「檔案位置」區段中按一下變更,然後選擇要新增檔案的資料夾。

  • 按一下建立。 
  • 輸入或貼上JavaScript至程式碼編輯器。
  • 如果您已啟用ESLint ,按一下以切換顯示輸出開關,即可查看任何JavaScript警告或錯誤。

  • 點擊右上角的「發佈變更 」,即可接收變更內容。

將JavaScript檔案附加到範本

  • 在左側的搜尋器中,按一下要更新的範本。
  • 在右側的測器中,單擊編輯選項卡。
  • 在「連結的JavaScript檔案」區段中,按一下「新增」下拉式選單,然後選擇您的JavaScript檔案。
  • 點擊右上角的「發佈變更」,即可接收變更內容。

在HubSpot頁面上包含JavaScript檔案

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

若要存取檔案的公開網址,請按照以下步驟

  • 在左側邊欄選單中,選擇你的JavaScript檔案。
  • 按一下「動作」>「複製公開網址」。

若要將檔案新增至網域上的所有HubSpot頁面:
  • 在左側邊欄選單中,前往「內容」>「頁面」。
  • 按一下「選擇網域以編輯其設定」下拉式選單,然後選取要新增JavaScript檔案的網域。 若要將JavaScript檔案套用至所有已連線的網域,您可以選取所有網域的預設設定。 
  • 在「網站頁尾HTML」區段中,貼上 公開URL作為指令碼標記來源的值: 
 
 
 
 
 
< script src = '在此插入文件的公共URL' >
  • 按一下儲存。 

或者,要將文件添加到單個頁面:

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
  • 將滑鼠遊標停留在要編輯的頁面上,然後點擊「編輯」。
  • 在頁面編輯器中,按一下設定選單,然後選取進階。
  • 在對話方塊的「頁尾HTML」區段中,貼上公開URL作為指令碼標記來源的值:
 
 
 
 
 
< script src = '在此插入文件的公共URL' >
  • 點擊右上角的「發佈」或「更新」。