如何将谷歌地图添加到 WordPress 网站

已发表: 2022-02-15

无论您是经营企业、组织、活动,还是需要为任何其他目的显示地图,了解如何将 Google 地图添加到 WordPress 都可能会有所帮助。

在本文中,我们将向您展示如何手动或插件将 Google 地图添加到 WordPress。 此外,展示一些适用于 WordPress 的最佳 Google 地图插件。 让我们开始吧。

为什么要在 WordPress 中添加谷歌地图?

如果您有办公室或公司地址,包括 Google 地图到您的 WordPress 网站,人们可以立即找到您的实体店。 这将帮助您与客户互动并增加收入。

不仅如此,添加谷歌地图可能有助于您的 WordPress SEO。 据谷歌称,46% 的搜索是本地搜索。 在您的 WordPress 网站中包含谷歌地图可以帮助您的本地 SEO 并提高您在本地搜索中的排名。

手动将 Google 地图添加到 WordPress

要将 Google 地图添加到您的网站,请按以下步骤操作:

转到谷歌地图网站。

在左上角的搜索栏中,输入您要显示的位置的地址或搜索位置。

找到位置后,您会看到一个共享按钮。 单击共享按钮。

将出现一个新的弹出窗口,允许您共享地图。 单击嵌入地图选项。

从下拉菜单中选择您希望在网站上使用的地图大小。 默认选择中选项。

现在单击复制 HTML按钮以复制 Google 地图 iframe 代码。

转到您的 WordPress 网站并将代码粘贴到帖子、页面或模板中。

就是这样,保存您的帖子/页面并在您的网站上实时查看 Google 地图。

使用插件在 WordPress 中添加谷歌地图

如果你想在你的 WordPress 网站上嵌入一个谷歌地图,第一种方法就足够了。 但是,如果地图是您网站核心内容的重要组成部分,并且您需要定期在帖子中包含地图,我们建议您安装插件。

使用免费的 WP Google 地图插件,将 Google 地图插入您的 WordPress 帖子和页面非常简单。 您可以使用该插件创建许多位置,每个标记。 然后,您可以将您的位置添加到地图中。

创建地图后,您可以使用相关的短代码将其包含在您的文本中。 您的访问者可以在地图上移动并放大和缩小以发现有关位置的更多信息。

如何将 WP Google 地图插件添加到您的网站的步骤

安装 WP Google Maps 插件后,您应该会在 WordPress 仪表板的左侧导航菜单中看到一个新的 Maps 链接。

当您单击地图链接时,您将被发送到一个简短的介绍页面。 您可以跳过介绍并使用跳过介绍和制作地图按钮创建地图。

在下一页上,插件将通知您它需要 Google API 密钥才能运行。 继续并通过单击立即创建 API 密钥链接生成您的密钥。

现在,Google 会在创建和获取 API 密钥之前要求您同意其条款和条件。 一旦您接受,Google 将为您创建一个新项目并立即为您提供 API 密钥。

获得 API 密钥后,将其返回到仪表板并将其粘贴到插件提示您的位置。

您现在应该注意到一条成功消息并开始处理您的第一张地图。

正如您在上面的屏幕截图中所见,该插件创建了一个测试地图,您可以在您的网站上自定义和使用它。 为此,请转到地图名称旁边的编辑按钮。

该插件现在将要求您选择平台来操作您的地图。 选择谷歌地图作为您的地图引擎。

您应该做的第一件事是为您的地图命名。 之后,您可以调整其宽度和高度。 100% 的默认宽度将生成一个随站点分辨率而变化的地图。 因此,它几乎总是最好的选择。

您还可以选择地图的初始缩放级别并选择它应该使用的布局类型。 例如,您可以使用传统的路线图或地形图。 在大多数情况下,前者是最佳选择,因为它对您的访问者最有帮助。

之后,向下滚动到标记部分。 在这里,您可以通过输入 GPS 坐标来指定您希望地图显示的位置。 您也可以在地图上向右移动并右键单击要标记的任何位置。

当您满意时,单击“保存标记”按钮,页面将重新加载。 然后,点击屏幕中间的保存地图按钮,插件将保存您的所有更改。

您可以通过将其短代码放在您网站的任何位置来嵌入您使用此插件制作的 WordPress 谷歌地图。 您可能会在每个项目右侧的仪表板地图选项卡上看到这些简码。

您现在已成功将您的第一个 Google 地图添加到 WordPress。 您可以使用此插件制作任意数量的地图。

2021 年适用于 WordPress 的最佳 Google 地图插件

使用谷歌地图插件将允许您向地图添加位置、标记、方向和路线。 您可以制作对您的用户更具交互性和实用性的地图。

让我们看看我们的 WordPress 最佳 Google 地图插件列表。

1.WPForms

如果您想将 Google Maps 与您的表单连接起来,没有比 WPForms 更好的方法了。 它不仅仅是一个谷歌地图插件; 它也是面向初学者的功能丰富的 WordPress 联系表单插件。

虽然他们提供了免费插件来使用地图,但您需要 Pro 版本。 它包括一个强大的地理定位插件,允许您将地图添加到您的网站联系表单中,而无需编写自定义 HTML 代码。

它包括地址自动完成和其他联系表格的高级地图功能。

价钱:

地理位置插件的 WPForms 起价为每年 199.50 美元。

2.地图出版社

MapPress 是一个流行的谷歌地图插件,可免费使用。 它可以帮助您轻松地将 Google 地图添加到任何 WordPress 帖子、页面或自定义帖子类型,只需输入地址即可。

您可以在帖子之前或之后自动包含地图。 您还可以使用简码将地图插入帖子中。

价钱:

插件精简版是免费的。 但是,MapPress Pro 版本的起价为每年 49.95 美元(三个站点),最高 79.95 美元(25 个站点)。

3. WP谷歌地图插件

WP 谷歌地图插件是高度交互的谷歌地图的另一个绝佳选择。 它具有一组强大的功能,使您能够使用各种自定义数据制作令人惊叹的地图。

您可以添加彩色标记、信息窗口、在用户单击地图时重定向用户,并使用简码快速嵌入地图。 您可以存储多个位置,然后使用显示这些位置的自定义标记创建地图。

价钱:

您可以免费使用插件精简版。 但是,WP Google Map Pro 版本的起价为 59 美元。

4.谷歌地图小部件

Google Maps Widget 可以轻松地将 Google Map 包含在侧边栏或其他小部件就绪区域中。

当您单击地图时,它将在具有更大视图的灯箱弹出窗口中打开。 您还可以自定义图钉的颜色,甚至将您的图像用作图钉。

价钱:

您可以免费使用插件精简版。 但是,Google Maps Widget Pro 版本的起价为每年 29 美元(一个站点),最高 79 美元的终身访问(无限站点)。

5.简单的谷歌地图

Easy Google Maps 是一个免费的 WordPress Google 地图插件,正如其名称所暗示的那样易于使用。 它允许用户向他们的 WordPress 地图添加无限数量的地图标记、位置、描述和其他功能。

您可以通过在实时构建器中搜索坐标或位置来添加地图市场。 使用简码,您可以快速将其包含在您的 WordPress 页面、帖子、模板文件和小部件中。

价钱

Easy Google Maps 精简版是免费的。 但是,Easy Google Maps Pro 版本的单个站点每年 46 美元起。

结论

使用交互式在线地图是在您的网站上共享地址的最佳方式。 谷歌地图使任何人都可以弄清楚如何从任何地方到达您的地方,从而增加访问您的机会。 将 Google 地图添加到 WordPress 很简单,因为有几种简单的方法可以做到这一点。

我们希望本文能帮助您了解如何将 Google 地图添加到您的 WordPress 网站。 您还可以查看我们关于如何加快 WordPress 网站以增加网站流量的文章。