知識庫

將Google地圖新增至HubSpot內容

作者:HubSpot Support | Nov 21, 2022 12:10:41 PM

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

取得Google地圖的嵌入代碼

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

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

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

  • 前往你的內容:

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

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

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

新增RTF文字模組至範本

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

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

在RTF模組中插入嵌入代碼

  • 前往你的內容:

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