怎么样在 WordPress 中添加 Google 地图

如果你为本地企业(尤其是实体店铺)构建了网站,那么在WordPress网站上突出显示其位置的Google地图部分非常重要。将地图嵌入你的网站还有助于提升本地搜索引擎优化(SEO)效果,因为Google会将其在搜索结果中排名较高。

如何在WordPress中添加Google地图

幸运的是,在WordPress中嵌入与你的商店或办公室位置相关的Google地图非常简单。继续阅读以开始操作。

在不使用API或插件的情况下向WordPress添加Google地图

这是在WordPress博客或网站中添加Google地图最简单的方法。它包含两个主要步骤:复制嵌入链接和将链接粘贴到WordPress代码块中。按照以下步骤进行操作。

获取Google地图嵌入链接
  1. 打开Google Maps网页版。
  2. 在搜索框中键入或搜索你想要嵌入的位置。
  3. 点击“分享”,转到“嵌入地图”,选择你想要的大小,然后点击复制HTML。
将嵌入链接粘贴到WordPress中
  1. 登录到你的WordPress仪表板。
  2. 点击“页面”,然后点击“添加新页面”(你也可以使用新文章或编辑旧页面)。
  3. 点击“+”按钮,然后点击“自定义HTML”。
  4. 将你复制的Google地图嵌入链接粘贴进去。然后保存并发布你的页面。

使用API在WordPress中添加Google地图

如果你在WordPress上进行博客,你可以使用API嵌入Google地图,不过你必须使用地图插件来实现。在这个示例中,我们使用WP Go Maps插件,但也有其他插件可供尝试。首先,我们需要获取API。

如何获取Google地图API

你可以为小型企业使用免费的API功能,但高级API每月大约需支付7美元,并根据你接收到的印象数量而扩展。获取Google地图API时,你必须在Google Cloud控制台中正确设置计费。设置计费后,继续进行以下步骤。

  1. 点击左上角的汉堡菜单,点击“API和服务”。
  2. 选择“启用API和服务”。
  3. 点击汉堡菜单,在API和服务上悬停,然后点击“库”。
  4. 在“地图”下点击“查看所有”。
  5. 点击“Maps JavaScript API”,然后点击其“启用”按钮。
  6. 返回API库页面,并重复第5步,为“Directions API”,“Geocoding API”,“Geolocation API”和“Places API”依次操作。
  7. 点击汉堡菜单,在API和服务上悬停,然后点击“凭据”。
  8. 屏幕顶部点击“创建凭据”选项,选择API密钥。
  9. 选择“编辑API密钥”选项。
  10. 选择“网站”单选按钮,然后点击“添加”。
  11. 输入你的网站URL,点击“完成”,然后点击“保存”。
  12. 点击“显示密钥”选项并复制你的API密钥。
使用WP Go Maps插件

我们将使用WP Go Maps作为示例。按照以下步骤下载它。

  1. 打开WordPress仪表板,从菜单栏点击“插件”,然后在页面顶部点击“添加新插件”。
  2. 搜索WP Go Maps,点击第一个插件的“立即安装”选项,安装完成后点击“激活”。
  3. 点击左侧面板上的“地图”选项,点击“高级”选项卡,输入你的API密钥,然后点击右下角的“保存设置”。
  4. 在左侧面板上选择“地图”,将地址添加到“地址/GPS”字段中,然后点击“添加标记”按钮。

总结

虽然WP Go Maps可以完成工作,但并非唯一能做到这一点的插件。

你可以浏览WordPress插件商店,找到其他嵌入Google地图的插件。一些更好的选择包括:

  • Google Maps Widget
  • Google Maps Easy
  • Intergeo

下载并启用插件后,每个插件应该都有简短的教程,说明如何插入你的Google地图API密钥以允许WordPress使用Google地图。其余工作就交给你了。

使用集成地图的WordPress主题

除了使用插件为网站创建地图外,你还可以选择一个具有集成地图选项的主题。

然而,你不太可能找到一个免费的主题能够集成Google地图。其中一个更好的版本是Divi,如果使用订阅的话大约每年需要90美元。然而,它的其他功能,如AI辅助网站创建和许多专业模板,使其成为一个出色的选择。

通过在WordPress网站上嵌入你商店的Google地图位置,使潜在客户和客户更容易找到你的本地企业。调整地图位置并创建一个简单直接的联系页面以获得最佳效果。

常见问题解答

如何在WordPress中添加Google地图API密钥?

你可以将其嵌入WordPress代码块或使用插件。一些插件可能提供小部件,你可以在其中嵌入API密钥。

如何在WordPress中添加Google地图而不使用插件?

具体的过程取决于你使用的插件。然而,API密钥通常会放在插件的高级选项中的API字段中。

这些步骤应该可以帮助你成功在WordPress网站上添加和配置Google地图。

软件教程

怎么用Google Chrome查看网页源代码

2024-6-16 3:53:52

软件教程

如何通过哼唱来寻找歌曲

2024-6-29 2:06:56

个人中心
搜索