为 HubSpot 内容添加 Google 地图

要在 HubSpot 内容中添加交互式 Google 地图，可以复制地图的嵌入代码并将其添加到富文本模块的源代码中。

获取谷歌地图的嵌入代码

• 导航到谷歌地图。
• 在搜索栏中输入地址。
• 在地址列表中，单击 "共享"。

• 在对话框中，单击 "嵌入地图 "选项卡。
• 单击地图 尺寸下拉菜单并选择尺寸。
• 单击复制 HTML 以复制地图的嵌入代码。
  

在拖放编辑器中添加谷歌地图

• 导航至您的内容：

  • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
  • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
  • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
• 单击内容名称。
• 在内容编辑器中，单击左侧边栏中的add 添加 图标。
• 单击展开 "文本 "部分，然后单击 "富文本 "模块并将其拖动到位。
• 在富文本工具栏中，单击高级 下拉菜单并选择源代码。
• 在对话框中，粘贴地图的嵌入代码，然后点击保存。

• 点击右上角的 "发布 " 或 "更新" ，即可实时更新 更改。

在没有拖放区域的内容中添加 Google 地图

如果您的内容没有拖放区域，则需要直接在模板中添加富文本模块，然后在内容编辑器中编辑富文本模块。

在模板中添加富文本模块

• 模块安装完成后，导航到您的内容：

  • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
  • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
  • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
• 单击内容名称。
• 单击 "设置 "菜单 并选择 "模板"。
• 单击编辑此模板。

• 在设计管理器中，单击检查器中的+ 添加 。
• 在搜索栏中输入富文本。
• 单击富文本 模块 并将其拖到模板中的位置。
• 在右上角，单击发布更改。

在富文本模块中插入嵌入代码

• 导航至您的内容：

  • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
  • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
  • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
• 单击内容名称。
• 在内容编辑器中，单击富文本模块。
• 在富文本工具栏中，单击高级 下拉菜单并选择源代码。
• 在对话框中，粘贴地图的嵌入代码，然后单击保存。

• 点击右上角的 "发布 " 或 "更新" ，即可实时更新 更改内容。