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

向HubSpot內容添加Google地圖

上次更新時間: 四月 13, 2023

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

所有產品和版本

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


取得Google地圖的嵌入代碼

  • 前往Google Maps
  • 在搜尋列中,輸入地址。 
  • 在該地址的旅居頁面中,點擊分享。

search-for-address-in-google-maps-

  • 在對話方塊中,按一下嵌入地圖標籤。 
  • 按一下地圖 大小下拉式選單,然後選擇一個大小。 
  • 按一下複製HTML以複製地圖的嵌入代碼。 embed-a-google-map

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

  • 瀏覽至您的內容:

    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將遊標停留在內容上,然後按一下「編輯」。 
  • 在內容編輯器中,在側邊欄編輯器的搜尋列中輸入富文本。 
  • 按一下富文本模組,然後將其拖放到內容中的位置。 
  • 在富文本工具列中,按一下「進階」下拉式選單,然後選擇「原始碼」。 
  • 在對話方塊中,貼上地圖的嵌入代碼,然後按一下儲存。 

將Google地圖添加到內容,而無需拖放區域

如果您的內容沒有拖放區域,則需要直接將富文本模板添加到模板中,然後在內容編輯器中編輯富文本模板。 

向模板中添加RTF模板

  • 安裝完模組後,請前往您的內容:

    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將遊標停留在內容上,然後按一下「編輯」。 
  • 按一下「設定」標籤,然後按一下「進階選項」。 
  • 在「範本」區段中,按一下編輯此範本。
  • 在設計管理員中,按一下檢查員中的+ Add 。 
  • 在搜尋列中,輸入富文字。 
  • 按一下r ich text模板,然後將其拖放到範本中的位置。 
  • 按一下右上角的「發佈變更」。

在富文本模組中插入嵌入代碼

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
  • 將遊標停留在內容上,然後按一下「編輯」。 
  • 在內容編輯器中,按一下r ich text模組。 
  • 在富文本工具列中,按一下「進階」下拉式選單,然後選擇「原始碼」。 
  • 在對話方塊中,貼上地圖的嵌入代碼,然後按一下儲存。 

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