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

在內容中使用自訂社交圖示

上次更新時間: 2025年12月18日

可搭配下列任何訂閱使用,除非另有註明:

HubSpot 的預設社交分享社交跟蹤模組包含常見的社交網路(如FacebookLinkedIn)圖示。若要取代預設的社交圖示,您可以複製並自訂模組。然後在您的頁面或範本中加入自訂的社交模組。

克隆預設社交模組

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
  2. 搜尋器中,輸入文字搜尋社交分享社交跟蹤模組。
  3. 按一下Social follow Social sharing 模組。
  4. 模組編輯器中,按一下 模組為唯讀警示中的 克隆模組

In the design manager, the module editor is displayed for a HubSpot default Social sharing module. An arrow points to a Clone module button at the top of the module editor in an alert.

  1. 在對話方塊中,輸入複製模組的名稱,然後按一下複製。您會被引導至模組編輯器,繼續自訂社交圖示。

取代社交圖示

  1. 檢閱器中,找到Linked files 區段。對於其他檔案 欄位,請注意每個網路的社交圖示檔案名稱 (例如facebook-color.pnglinkedin - color. png)。
  2. 確認您的自訂社交圖示影像是PNG 格式。
  3. 確認您的新社交圖示影像與模組中每個網路的現有社交圖示檔案名稱相同 (例如:facebook-color.png 或 linkedin-color.png)。
  4. 按一下X 以 移除現有的社交圖示檔案。
  5. 按一下其他檔案欄位旁的 [新增]。

In the design manager, the inspector is displayed for a cloned social module. In the Linked files section, for the Other files field, a box is placed around the Add hyperlinked text. An arrow points to the X to remove a social icon file.

  1. 在右側面板中,在檔案管理員中找到您的自訂社交圖示。若要從裝置上傳檔案,請按一下上傳
  2. 按一下檔案名稱,將圖示加入模組。
  3. 若要預覽社交模組,請按一下模組編輯器右上方的預覽
  4. 完成後,按一下「發佈變更」。

將模組加入您的範本

社交模組發佈後,您可以將其新增至拖放範本或編碼範本。

拖放範本

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
  2. 搜尋器中,按一下範本的名稱
  3. 檢閱器中,按一下+ 新增
  4. 按一下新的社交模組,然後將其拖曳到範本上的位置。
  5. 完成後,按一下右上方的「發佈變更」。

編碼範本

  1. 在你的 HubSpot 帳戶中,瀏覽「內容」>「設計管理工具」。
  2. 搜尋器中,按一下新的社交模組
  3. 按一下動作下拉式功能表,然後選擇複製片段
  4. 搜尋器中,按一下編碼範本
  5. 程式碼編輯器中,將片段貼到希望模組出現的位置。
  6. 完成後,按一下右上方的「發佈變更」。
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助