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

將 Google 地圖加入 HubSpot 內容

上次更新時間: 十一月 18, 2024

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

若要將互動式 Google 地圖新增至 HubSpot 內容中,您可以複製地圖的嵌入程式碼並將其新增至富文本模組的原始程式碼。

取得 Google 地圖的嵌入程式碼

  • 導航至Google 地圖
  • 在搜尋欄中輸入位址
  • 在地址清單中,按一下「共享」。

在谷歌地圖中搜尋地址-

  • 在對話方塊中,按一下嵌入地圖標籤。
  • 點擊地圖尺寸下拉式選單並選擇尺寸
  • 點擊複製 HTML以複製地圖的嵌入程式碼。 嵌入谷歌地圖

在拖放編輯器中新增 Google 地圖

  • 導航到您的內容:

    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 網址:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  • 點擊您的內容的名稱
  • 在內容編輯器中,按一下左側邊欄中的add 圖示。
  • 按一下以展開文字部分,然後按一下富文本模組並將其拖曳到位。
  • 在富文本工具列中,按一下進階下拉式功能表並選擇原始程式碼
  • 在對話方塊中,貼上地圖的嵌入程式碼,然後按一下儲存
  • 若要使變更生效,請按一下右上角的發布更新

將 Google 地圖新增至內容中,無需拖放區域

如果您的內容沒有拖放區域,則需要將富文本模組直接新增至範本中,然後在內容編輯器中編輯富文本模組。

在範本中新增富文本模組

  • 模組安裝完成後,導覽至您的內容:

    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 網址:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  • 點擊您的內容的名稱
  • 點擊“設定”選單並選擇“模板”
  • 按一下編輯此範本
  • 在設計管理器中,按一下檢查器中的+新增
  • 在搜尋欄中輸入富文本
  • 點擊富文本模組並將其拖曳到模板中的適當位置。
  • 點選右上角的「發布變更」

在富文本模組中插入嵌入程式碼

  • 導航到您的內容:

    • 網址:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 點擊您的內容的名稱
  • 在內容編輯器中,按一下文本模組
  • 在富文本工具列中,按一下進階下拉式功能表並選擇原始程式碼
  • 在對話方塊中,貼上地圖的嵌入程式碼,然後按一下儲存
  • 若要使變更生效,請按一下右上角的發布更新

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助