2022 年 5 个适用于网站的最佳免费交互式 Google 地图小部件

已发表: 2022-08-04

强调您的营业地点的最佳方式之一是在您的网站上使用地图,以便用户可以轻松找到最快的路线。 对于任何想要将地图位置小部件添加到站点的企业来说,谷歌地图小部件都是一个非常有用的小部件。

在本文中,您将找到可在您的网站上使用的前五个免费 Google 地图小部件。

在网站上使用 Google 地图时要考虑的 5 个提示

  1. 查明所有营业地点- 如果您的公司有多个营业地点,请务必添加它们,以便 Google 地图根据用户的位置建议最近的地点。 下面列出的大多数 Google 地图小部件都支持它。
  2. 嵌入合适的位置- 一些网站的谷歌地图插件可能会导致网站的加载速度。 因此,请仅将其嵌入到合适的位置,例如您网站的“联系页面”。 此外,您可以使用 Google Tag Manager 或 Cloudflare 的 Zaraz 等服务进行测试,以异步加载 Google 地图小部件的脚本,以了解对页面速度的影响。
  3. 设置地图控件- 通过启用地图类型(路线图、卫星、地形)、缩放、缩放、旋转、全屏等地图控件,使 Google 地图小部件易于使用。
  4. A/B 测试——尝试不同的地图颜色、小部件放置等,以确定性能。
  5. 使用其他促进转化的元素——假设您已经设置了您的企业的 Google 我的企业资料。 那么,为什么不在网站上嵌入 Google 评论呢?

最适合您网站的 Google 地图小部件

注意:您可能需要在您的 Google Cloud 平台上为 Google 地图创建 API,这可能会根据您的使用情况收费。

ElfSight 谷歌地图小部件

ElfSight 谷歌地图小部件

ElfSight 是一项流行的服务,它为网站提供不同的插件,例如带有 CTA 按钮的事件日历、Yelp 评论、冠状病毒统计数据、音频播放器和推荐滑块。

它的Google Maps 小部件具有许多功能,可让您无缝地为您的网站创建自定义响应式 Google Maps 小部件。

Elfsight Google Maps 小部件编辑器
可视化谷歌地图小部件编辑器——每个小部件都是完全可定制的。

主要特征

  • 使用详细的联系信息让您的企业易于联系- ElfSight 的 Google 地图小部件可让您在地图上显示不同类型的联系信息:添加标记并在其信息窗口中显示最大的详细信息,包括电话、地址、营业时间等; 将您的所有位置合并到位置面板上的单个列表中,以方便用户查看。
  • 自动路线搜索和时间计算——您的网站访问者将能够在方向面板上查看最有效的步行或驾车路线以及路线计算,而无需离开您的页面。
  • 五个地图图层– POI(兴趣点)(专用地理实体,例如里程碑、研究所、遗产地或公司办公室)、交通、交通、自行车和街景。 您可以启用地图上的所有项目。
  • 多个位置和 50 多个图标- 为您的地图添加无限数量的标记:商店、餐馆、公共场所和公园 - 从 50 多个类别的库中进行选择,每个类别都有其图标。
  • 地图控件- ElfSight Google 方向地图小部件可让您启用诸如地图类型(卫星、地形、路线图)、街景、缩放、比例等控件,
  • 自定义 Google 地图样式 (JSON) – 有四种内置样式(默认、银色、夜间、复古),您可以创建自定义颜色地图或使用 JSON 添加一种。 您可以通过 Google Data Studio(这里有一个教程)或 Snazzymaps 创建自定义 Google Maps 样式。
  • 标记点击操作- 打开信息窗口(包含您指定的详细信息的面板),重定向到 URL(最好将用户引导到适当的页面,例如预订或注册页面),无(什么都不会发生)
  • 动画——通过标记动画吸引读者的注意力。
  • 嵌入任何网站- 无论您使用 WordPress、Google 协作平台、Blogger、Brizy、Weebly、Wix、Webflow、Squarespace、Clickfunnels 还是任何 HTML 网站,您都可以通过放置代码片段轻松安装 Google 地图位置小部件。
  • 统计数据和站点控制- 了解每个小部件已收到多少视图以及嵌入了哪些站点小部件。 您可以轻松地从您的 ElfSight 仪表板中屏蔽网站——这是代理商的绝佳选择。

这是有关使用 ElfSight 为网站创建 Google 地图小部件的视频。

谷歌地图小部件生成器

在下方创建您自己的 Google 地图小部件。

价钱

ElfSight 有两种定价模式。 单一应用定价和所有应用定价。 仅谷歌地图插件的定价如下所示。

Elfsight Google Maps 小部件定价
  • Lite – 免费– 1 个网站,每月 200 次浏览,ElfSight 徽标
  • 基本 – 每月 5 美元– 无限网站,每月 5,000 次浏览,没有 ElfSifght 徽标
  • Pro – 10 美元/月– 无限的网站,每月 50,000 次浏览,没有 ElfSifght 标志
  • 企业 – 25 美元/月– 无限网站,每月 5,000,000 次浏览,无 ElfSifght 徽标

所有应用程序包都包括 Google 地图小部件和 40 多个其他应用程序,例如一体化评论小部件。 定价详情如下所示。

Elfsight 所有应用程序包定价

单击此处试用 ElfSight Google 地图小部件。

Powr 地图插件

电力地图插件

Powr 是一个类似于 ElfSight 的站点,它提供了强大的插件来升级站点。 目前,Powr 应用程序库中有 40 多种不同的应用程序。 电子邮件的倒计时时钟、定价表制造商和倒计时计时器就是其中的一部分。

与大多数 Powr 应用程序一样, Powr Maps 插件功能丰富,并且与 ElfSight Google Maps 小部件不同,Powr不需要 Google Maps API 密钥

功率图编辑器
Powr Maps 插件编辑器

主要特征

  • 两个地图提供商——开放街道地图或谷歌地图。
  • 最多 5 个定位销- 在您的 Google 地图小部件上定位最多 5 个位置。
  • 任何位置的交互式地图——用户将能够直接从您的站点进行缩放、缩放、更改地图类型等。
  • 用于快速导航的位置面板- 列出您要突出显示的所有位置,人们可以单击每个项目并查看其当前位置的确切位置、距离和路线。
  • 九种独特的显示样式- 调整小部件样式以与您的网站主题产生共鸣。
  • 支持任何语言的文本- 使用自定义文本本地化小部件
  • 自定义字体、颜色、背景等- 从 10 多种不同字体中进行选择,更改字体大小、文本颜色等。
  • 自定义小部件大小- 调整小部件的宽度。
  • 自定义 CSS – Powr 允许您使用自定义 CSS 设置 Google 地图插件的样式。
  • 自定义 JavaScript – 在网站上加载插件时执行 JavaScript 代码。
  • 在任何平台上安装- 通过复制和粘贴 HTML 代码片段,轻松将 Google 地图位置插件嵌入任何平台。

以下是如何使用 Powr Maps 插件为网站创建免费的 Google Maps 小部件。

演示

价钱

Powr 的谷歌地图插件是免费的。 但是,您可能必须升级到付费计划才能使用额外功能,例如通过 CSV 导入大量位置并显示最近的位置。

Powr 地图插件定价
  • 免费– 5 个位置,小部件上的 Powr 品牌
  • Starter – 5.49 美元/月– 10 个位置,搜索栏,自定义 pin,显示最近的位置,No Powr 品牌
  • 专业版 – 每月 13.49 美元– 50 个位置,搜索栏,自定义 pin,自定义 CSS 和 JS,显示最近的位置,通过 CSV 大量导入,无 Powr 品牌
  • 商业 – 89.99 美元/月– 无限位置、搜索栏、自定义 pin、自定义 CSS 和 JS、显示最近的位置、通过 CSV 大量导入、无 Powr 品牌

单击此处尝试 Powr Map 插件。

WP地图

WP Maps WordPress 插件

如果您使用 WordPress 为您的网站提供动力并寻找地图插件,那么 Flippercode 的 WP Maps 是一款具有大量功能和可定制选项的优秀插件。

主要特征

  • 无限的地图和位置- 在无限的地图上使用各种信息固定无限的位置。
  • 自定义标记- 将您自己的标记分配给类别,或从 Maps Icon 集合中的 500 多个现成标记中选择彩色标记。
  • 四种地图类型——路线图、卫星、混合、地形
  • 街景- 启用街景、Pov(观点)标题和街景的 Pov Pitch。
  • 地图风格化 – 来自 Snazzymaps.com 的自定义 Google 地图。
  • 前端地图上的搜索控件以搜索位置
  • 多语言支持、45° 图像功能等。

WP Maps 是 WordPress 的免费地图插件。 其付费版本 (PRO) 包括更多功能,例如导入/导出位置、为访客提供方向和路线建议以及多站点支持。

时髦的地图

新地图

Snazzy Maps 是一项在线服务,可让您免费在线生成时尚的 Google 地图小部件。 所有样式均在知识共享下获得许可,并且完全免费使用。

Snazzymaps 地图生成器

主要特征

  • 样式库- 有数以千计的 Google 地图小部件样式,每个样式都有一个基于人们选择的最喜欢的分数。 您可以探索数千种样式,获取它们的 JSON 代码,并在构建可嵌入的 Google 地图小部件时使用这些样式。
  • 构建自己的 Google 地图小部件样式- 逐步过程使创建自己的样式变得更加容易。
  • 构建地图– 使用地图样式、设置小部件的大小和位置、添加标记、自定义语言、控件和行为设置,并为 Google 地图生成源代码。
  • 插件– 使用 WordPress 插件在您的 WordPress 站点中构建和安装 Google 地图。

SnazzyMaps 是一个免费网站,可让您探索 Google 地图小部件样式、创建自己的样式并为网站生成可嵌入的 Google 地图代码。

单击此处尝试 SnazzyMaps。

用于谷歌地图的 WordPress 地图插件

用于谷歌地图的 WordPress 地图小部件

如果您使用 WordPress 为您的网站提供动力并寻找地图插件,那么 WebFactory Ltd 的 Google Maps 小部件插件非常棒。

主要特征

  • 自定义谷歌地图大小
  • 选择任何谷歌地图类型——路线图、卫星地图、地形图、混合地图。
  • 谷歌地图配色方案
  • 链接类型——灯箱图、自定义 URL
  • 控制缩放级别
  • 设置 Google 地图语言、自定义图钉图标、简码以在您的 WordPress 网站的任何位置嵌入 Google 地图等。

WebFactory LTD 为 Gutenberg 块编辑器提供了另一个名为“Map Block for Google Maps”的插件。

该插件是免费的。 有一个包含更多功能的专业版。

网站最佳谷歌地图小部件上的最后一句话

在正确的地方使用正确的小部件可以将效果不佳的广告系列转变为收支平衡或盈利的广告系列。 我们之前的文章分享了如何向网站添加自定义 PayPal Pay 按钮、网站倒计时小部件等,以提高您网站的转化率。 同样,在网站上使用 Google 地图小部件对本地和国际企业特别有帮助。

就个人而言,我建议使用ElfSight和 Powr 等服务,因为它们提供了更多的小部件类型,这些类型在将来会派上用场。 查看此 ElfSight 与 Powr 的评测,了解主要区别、优缺点等,