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

添加谷歌地圖到HubSpot內容

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

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


取得Google地圖的嵌入代碼

  • 瀏覽至 「Google地圖」
  • 在搜尋列中輸入地址。 
  • 在網址的旅居頁面中,點擊「 分享」。

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

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

    在拖放編輯器中添加Google地圖 

  • 按一下模組標籤。
  • 在搜尋列中輸入HTML。 
  • 按一下HTML模組。 
  • 在右上角,按一下免費取得模組。 可能需要幾分鐘才能完成模組安裝。
  • 當模組完成安裝後,瀏覽至您的內容:

    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將鼠標懸停在內容上,然後按一下[編輯] 
  • 在內容編輯器中,在側邊欄編輯器的搜尋列中輸入HTML 。 
  • 按一下HTML模組,然後將它拖動到內容中的位置。 
add-html-module-to-page
  • 按一下HTML模組以編輯它。 
  • 在側邊欄編輯器中,貼上「Google地圖」的嵌入代碼 

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

如果你的內容沒有拖放區域,則需要將HTML模組直接新增到模板,然後在內容編輯器中編輯HTML模組。 

向模板中添加HTML模板

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

    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將鼠標懸停在內容上,然後按一下[編輯] 
  • 按一下[設定]標籤,然後按一下[進階選項]。 
  • 在「 本」部分,按一下編 輯此範本
  • 在設計管理器中,按一下檢查器中的 +新增。   
  • 在搜尋列中輸入HTML。 
  • 按一下HTML,然後將它拖到範本中的位置。 

add-html-module-to-template

  • 按一下右上角的「發佈變更」。

在HTML模組中插入嵌入代碼

  • 在您的HubSpot帳戶中, 瀏覽至您的網誌、網站頁面或登陸頁面
  • 將鼠標懸停在內容上,然後按一下[編輯] 
  • 在內容編輯器中,按一下HTML模組。 
  • 在側邊欄編輯器中,貼上「Google地圖」的嵌入代碼
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.