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

將Google地圖新增至HubSpot內容

上次更新時間: 五月 24, 2024

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

所有產品和版本

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

取得Google地圖的嵌入代碼

  • 前往「Google地圖」
  • 在搜尋列中輸入地址。 
  • 在該地址的房源頁面中,點擊「分享」。

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

  • 在對話框中,單擊嵌入地圖選項卡。 
  • 按一下地圖 尺寸下拉式選單,然後選擇尺寸。 
  • 按一下複製HTML以複製地圖的嵌入程式碼。 embed-a-google-map

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

  • 前往你的內容:

    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下左側邊欄的「新 add」圖示。 
  • 按一下以展開「文字」部分,然後按一下「RTF文字」模組,並將其拖曳到位。
  • 在RTF工具列中,單擊進階下拉菜單,然後選擇源代碼。 
  • 在對話方塊中,貼上地圖的嵌入代碼,然後按一下儲存。 
  • 若要將變更上線,請點擊右上角的「發佈」或「更新」。

在沒有拖放區域的內容中新增Google地圖

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

新增RTF文字模組至範本

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

    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  • 按一下內容名稱。 
  • 按一下「設定」選單,然後選取「範本」 
  • 按一下編輯此範本。
  • 在設計管理員中,按一下Inspector中的「+新增」。 
  • 在搜尋列中輸入RTF文字。 
  • 按一下「RTF文字」模組,然後將其拖曳到範本中的位置。 
  • 點擊右上角的「發佈變更」。

在RTF模組中插入嵌入代碼

  • 前往你的內容:

    • 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
    • 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下文字模組。 
  • 在RTF工具列中,單擊進階下拉菜單,然後選擇源代碼。 
  • 在對話方塊中,貼上地圖的嵌入代碼,然後按一下儲存。 
  • 若要將變更上線,請點擊右上角的「發佈」或「更新」。

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