为 HubSpot 内容添加 Google 地图
上次更新时间: 二月 12, 2025
要在 HubSpot 内容中添加交互式 Google 地图,可以复制地图的嵌入代码并将其添加到富文本模块的源代码中。
获取谷歌地图的嵌入代码
- 导航到谷歌地图。
- 在搜索栏中输入地址。
- 在地址列表中,单击 "共享"。
- 在对话框中,单击 "嵌入地图 "选项卡。
- 单击地图 尺寸下拉菜单并选择尺寸。
- 单击复制 HTML 以复制地图的嵌入代码。
在拖放编辑器中添加谷歌地图
-
导航至您的内容:
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 单击内容名称。
- 在内容编辑器中,单击左侧边栏中的add 添加 图标。
- 单击展开 "文本 "部分,然后单击 "富文本 "模块并将其拖动到位。
- 在富文本工具栏中,单击高级 下拉菜单并选择源代码。
- 在对话框中,粘贴地图的嵌入代码,然后点击保存。
-
点击右上角的 "发布 " 或 "更新" ,即可实时更新 更改。
在没有拖放区域的内容中添加 Google 地图
如果您的内容没有拖放区域,则需要直接在模板中添加富文本模块,然后在内容编辑器中编辑富文本模块。
在模板中添加富文本模块
-
模块安装完成后,导航到您的内容:
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 单击内容名称。
- 单击 "设置 "菜单 并选择 "模板"。
- 单击编辑此模板。
- 在设计管理器中,单击检查器中的+ 添加 。
- 在搜索栏中输入富文本。
- 单击富文本 模块 并将其拖到模板中的位置。
- 在右上角,单击发布更改。
在富文本模块中插入嵌入代码
-
导航至您的内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 博客:在 HubSpot 帐户中,导航到内容 > 博客。
- 单击内容名称。
- 在内容编辑器中,单击富文本模块。
- 在富文本工具栏中,单击高级 下拉菜单并选择源代码。
- 在对话框中,粘贴地图的嵌入代码,然后单击保存。
-
点击右上角的 "发布 " 或 "更新" ,即可实时更新 更改内容。
Landing Pages
Blog
Website Pages
你的反馈对我们至关重要,谢谢。
此表单仅供记载反馈。了解如何获取 HubSpot 帮助。