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

向HubSpot添加JavaScript文件

上次更新時間: 十一月 3, 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」區段中,貼上 公開URL作為指令碼標記來源的值: 
<! -- start Main.js不移除-- >
< script src = '在此插入文件的公共URL' > </script >
<! ---結束Main.js-- >
  • 按一下儲存。 

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

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
  • 將滑鼠遊標停留在要編輯的頁面上,然後點擊「編輯」。
  • 在頁面編輯器中,按一下設定選單,然後選取進階。
  • 在對話方塊的「頁尾HTML」區段中,貼上公開URL作為指令碼標記來源的值:
<! -- start Main.js不移除-- >
< script src = '在此插入文件的公共URL' > </script >
<! ---結束Main.js-- >
  • 點擊右上角的「發佈」或「更新」。 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助