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 的評測,了解主要區別、優缺點等,