跳到内容

为 HubSpot 内容添加 Google 地图

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

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

获取谷歌地图的嵌入代码

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

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

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

  • 导航至您的内容:

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

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

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

在模板中添加富文本模块

  • 模块安装完成后,导航到您的内容:

    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  • 单击内容名称
  • 单击 "设置 "菜单 并选择 "模板"。
  • 单击编辑此模板
  • 在设计管理器中,单击检查器中+ 添加
  • 在搜索栏中输入富文本
  • 单击富文本 模块 并将其拖到模板中的位置。
  • 在右上角,单击发布更改

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

  • 导航至您的内容:

    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  • 单击内容名称
  • 在内容编辑器中,单击富文本模块
  • 在富文本工具栏中,单击高级 下拉菜单并选择源代码
  • 在对话框中,粘贴地图的嵌入代码,然后单击保存
  • 点击右上角的 "发布 " 或 "更新" ,即可实时更新 更改内容。

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助