5 лучших бесплатных интерактивных виджетов Google Maps для веб-сайтов в 2022 году

Один из лучших способов подчеркнуть местоположение вашего бизнеса — использовать карту на вашем веб-сайте, чтобы пользователи могли легко найти самый быстрый маршрут. Виджет Google Maps — очень полезный виджет для любого бизнеса, который хочет добавить на сайт виджет местоположения на карте.

В этой статье вы найдете пять лучших бесплатных виджетов Google Maps для использования на вашем сайте.

5 советов, которые следует учитывать при использовании Google Maps на веб-сайте

1. Определите местонахождение всех компаний . Если у вашей компании несколько местоположений, обязательно добавьте их, чтобы Карты Google предлагали ближайший сайт в зависимости от местоположения пользователя. Большинство виджетов Google Maps, перечисленных ниже, поддерживают его.
2. Встраивайте в подходящие места . Некоторые плагины Google Maps для веб-сайтов могут замедлять загрузку сайта. Поэтому вставляйте его только в подходящие места, такие как «Контактная страница» вашего сайта. Кроме того, вы можете протестировать использование такой службы, как Google Tag Manager или Zaraz от Cloudflare, для асинхронной загрузки скрипта виджета Google Maps, чтобы выяснить влияние на скорость страницы.
3. Настройка элементов управления картой . Упростите использование виджетов Google Maps, включив элементы управления картой, такие как типы карт (дорожная карта, спутник, местность), масштабирование, масштабирование, поворот, полноэкранный режим и многое другое.
4. Тест A/B — попробуйте разные цвета карты, размещение виджетов и т. д., чтобы определить производительность.
5. Используйте другие элементы повышения конверсии . Предположим, вы настроили профиль своей компании в Google My Business. Итак, почему бы не встроить Google Reviews на веб-сайт?

Лучшие виджеты Google Maps для вашего сайта

Примечание . Возможно, вам придется создать API для Карт Google на вашей платформе Google Cloud, что может стоить в зависимости от вашего использования.

Виджет Google Карт ElfSight

ElfSight — это популярный сервис, который предоставляет различные плагины для веб-сайтов, такие как календарь событий с кнопкой CTA, обзоры Yelp, статистика коронавируса, аудиоплеер и слайдер отзывов.

Его виджет Google Maps наполнен множеством функций и позволяет легко создавать настраиваемые адаптивные виджеты Google Maps для вашего веб-сайта.

Ключевая особенность

• Сделайте свой бизнес легкодоступным с помощью подробной контактной информации — виджет ElfSight Google Maps позволяет отображать на карте различные типы контактной информации: добавляйте маркеры и отображайте максимум информации в своих информационных окнах, включая телефон, адрес, часы работы и т. д. ; объединить все ваши местоположения в единый список на панели «Местоположение» для удобного просмотра.
• Автоматический поиск маршрута и расчет времени . Посетители вашего сайта смогут увидеть наиболее эффективный пешеходный или автомобильный маршрут и расчет маршрута на панели направлений, не покидая вашей страницы.
• Пять слоев карты — POI (точки интереса) (выделенный географический объект, такой как веха, институт, объект наследия или корпоративный офис), трафик, общественный транспорт, велосипед и просмотр улиц. Вы можете включить все элементы на карте.
• Множество локаций и более 50 значков . Добавляйте на карту неограниченное количество маркеров: магазины, рестораны, общественные места и парки. Выберите из библиотеки более 50 категорий, каждая со своим значком.
• Элементы управления картой — виджет ElfSight с картой маршрутов Google позволяет включать такие элементы управления, как тип карты (спутниковая, местность, дорожная карта), просмотр улиц, масштабирование, масштаб и т. д.
• Пользовательские стили Google Maps (JSON) — существует четыре встроенных стиля (по умолчанию, серебристый, ночной, ретро), и вы можете создать собственную карту цветов или добавить ее с помощью JSON. Вы можете создать собственный стиль Google Maps с помощью Google Data Studio (вот учебник) или Snazzymaps.
• Действия при щелчке маркера — Открыть информационное окно (панель, содержащая указанные вами сведения), Перенаправление на URL-адрес (лучше всего направлять пользователей на соответствующие страницы, такие как страница бронирования или регистрации), Нет (ничего не произойдет)
• Анимация — привлеките внимание читателей с помощью анимации маркеров.
• Встраивайте на любой сайт . Независимо от того, используете ли вы WordPress, Google Sites, Blogger, Brizy, Weebly, Wix, Webflow, Squarespace, Clickfunnels или любой HTML-сайт, вы можете легко установить виджет местоположения Google Maps, разместив фрагмент кода.
• Статистика и контроль сайта — узнайте, сколько просмотров получил каждый виджет и на какие сайты были встроены виджеты. Вы можете легко блокировать сайты с панели инструментов ElfSight — отличный вариант для агентств.

Вот видео об использовании ElfSight для создания виджета Google Maps для веб-сайта.

Генератор виджетов Google Maps

Создайте свой собственный виджет карты Google ниже.

Цены

ElfSight предлагает две модели ценообразования. Цены на одно приложение и цены на все приложения. Цены только на подключаемый модуль Google Maps показаны ниже.

• Lite – БЕСПЛАТНО – 1 сайт, 200 просмотров в месяц, логотип ElfSight
• Базовый — 5 долларов в месяц — неограниченное количество веб-сайтов, 5000 просмотров в месяц, без логотипа ElfSifght.
• Pro — 10 долларов в месяц — неограниченное количество веб-сайтов, 50 000 просмотров в месяц, без логотипа ElfSifght.
• Предприятие — 25 долларов в месяц — неограниченное количество веб-сайтов, 5 000 000 просмотров в месяц, без логотипа ElfSifght.

Все пакеты приложений включают виджет Google Maps и более 40 других приложений, таких как виджет отзывов All-in-one. Подробная информация о ценах представлена ​​ниже.

Нажмите здесь, чтобы попробовать виджет ElfSight Google Maps.

Плагин Power Maps

Powr — это сайт, похожий на ElfSight, который предоставляет мощные плагины для обновления сайта. В настоящее время в библиотеке приложений Powr более 40 различных приложений. Часы обратного отсчета для электронных писем, создатель таблицы цен и таймер обратного отсчета — вот некоторые из них.

Как и большинство приложений Powr, плагин Powr Maps является многофункциональным, и в отличие от виджета ElfSight Google Maps, Powr не требует ключа API Google Maps .

Ключевая особенность

• Два поставщика карт — Open Street Map или Google Maps.
• До 5 отметок о местоположении . Отметьте до 5 местоположений в виджете Google Maps.
• Интерактивные карты для любого места . Пользователи смогут масштабировать, масштабировать, изменять тип карты и т. д. прямо с вашего сайта.
• Панель местоположения для быстрой навигации . Перечислите все местоположения, которые вы хотите выделить, и люди смогут щелкнуть каждый элемент и увидеть точное местоположение, расстояние и маршрут от их текущего местоположения.
• Девять уникальных стилей отображения . Настройте стиль виджета в соответствии с темой вашего веб-сайта.
• Поддерживает текст на любом языке — виджет локализации с пользовательскими текстами
• Пользовательские шрифты, цвета, фоны и многое другое . Выберите один из 10+ различных шрифтов, измените размер шрифта, цвет текста и многое другое.
• Настроить размер виджета — настроить ширину виджета.
• Пользовательский CSS — Powr позволяет вам стилизовать плагин Google Maps с помощью пользовательского CSS.
• Пользовательский JavaScript — выполнение кода JavaScript при загрузке плагина на сайт.
• Установка на любой платформе . Плагин определения местоположения Карт Google можно легко встроить на любую платформу, скопировав и вставив фрагмент HTML-кода.

Вот как создать бесплатный виджет Google Maps для веб-сайта с помощью плагина Powr Maps.

Демо

Цены

Плагин Powr для Google Maps предоставляется бесплатно. Однако вам, возможно, придется перейти на платный план, чтобы использовать дополнительные функции, такие как массовый импорт местоположения через CSV и отображение ближайшего местоположения.

• Бесплатно — 5 локаций, брендинг Powr на виджете
• Стартер — $ 5,49 / месяц — 10 местоположений, панель поиска, настраиваемый пин-код, отображение ближайшего местоположения, брендинг No Powr
• Pro — $ 13,49 / месяц — 50 местоположений, панель поиска, настраиваемый пин-код, настраиваемый CSS и JS, отображение ближайшего местоположения, массовый импорт через CSV, брендинг No Powr
• Бизнес — $ 89,99 / месяц — Неограниченное количество местоположений, панель поиска, настраиваемый пин-код, настраиваемый CSS и JS, отображение ближайшего местоположения, массовый импорт через CSV, брендинг No Powr

Нажмите здесь, чтобы попробовать плагин Powr Map.

WP Карты

Если вы используете WordPress для управления своим сайтом и ищете плагин для карт, WP Maps от flippercode — отличный вариант с множеством функций и настраиваемых параметров.

Ключевая особенность

• Неограниченное количество карт и локаций . Закрепляйте неограниченное количество локаций с различной информацией на неограниченных картах.
• Настройте маркеры . Назначьте свои собственные маркеры категориям или выберите цветные маркеры из более чем 500 готовых маркеров из коллекции значков Карт.
• Четыре типа карт — Дорожная карта, Спутник, Гибрид, Ландшафт.
• Просмотр улиц — включите просмотр улиц, заголовок Pov (точка обзора) и Pov Pitch для просмотра улиц.
• Стилизация карты — Пользовательские карты Google от Snazzymaps.com.
• Управление поиском на интерфейсной карте для поиска местоположения
• Многоязычная поддержка, функция изображения под углом 45° и многое другое.

WP Maps — бесплатный плагин карт для WordPress. Его платная версия (PRO) включает в себя больше функций, таких как импорт/экспорт местоположений, предложения направлений и маршрутов для посетителей, а также поддержку нескольких сайтов.

Шикарные карты

Snazzy Maps — это онлайн-сервис, который позволяет бесплатно создавать стильные виджеты Google Maps онлайн. Все стили находятся под лицензией Creative Commons и полностью бесплатны для использования.

Ключевая особенность

• Библиотека стилей . Существуют тысячи стилей виджетов Google Maps, каждый из которых имеет любимую оценку, основанную на выборе людей. Вы можете изучить тысячи стилей, получить их коды JSON и использовать стили при создании встраиваемых виджетов Google Map.
• Создавайте собственные стили виджетов карт Google . Пошаговый процесс упрощает создание собственного стиля.
• Создайте карту — используйте стиль карты, задайте размер и местоположение виджета, добавьте маркеры, настройте язык, элементы управления и параметры поведения, а также создайте исходный код для Google Map.
• Плагины — используйте плагин WordPress для создания и установки Карт Google на вашем сайте WordPress.

SnazzyMaps — это бесплатный веб-сайт, который позволяет вам изучать стили виджетов карт Google, создавать собственные стили и генерировать встраиваемый код Google Map для веб-сайта.

Нажмите здесь, чтобы попробовать SnazzyMaps.

Плагин WordPress Maps для Google Maps

Если вы используете WordPress для управления своим сайтом и ищете плагин для карт, плагин виджета Google Maps от WebFactory Ltd отлично подойдет.

Ключевая особенность

• Пользовательский размер карты Google
• Выберите любой тип карты Google — Дорожная карта, Спутниковая карта, Карта местности, Гибридная карта.
• Цветовые схемы карты Google
• Тип ссылки — карта лайтбокса, пользовательский URL
• Управление уровнем масштабирования
• Установите язык карты Google, пользовательский значок булавки, шорткоды для встраивания карты Google в любое место на вашем сайте WordPress и многое другое.

WebFactory LTD предоставляет еще один плагин под названием «Map Block for Google Maps» для редактора блоков Gutenberg.

Плагин является бесплатным. Существует версия Pro, которая включает в себя больше функций.

Заключительные слова о лучших виджетах Google Maps для веб-сайтов

Использование правильных виджетов в нужных местах может превратить малоэффективные кампании в безубыточные или прибыльные. В наших предыдущих статьях рассказывалось, как добавить пользовательскую кнопку PayPal Pay на веб-сайт, виджеты таймера обратного отсчета для веб-сайтов и т. д., чтобы повысить коэффициент конверсии ваших сайтов. Точно так же использование виджета Google Maps на веб-сайте особенно полезно для местных и международных компаний.

Лично я рекомендую использовать такие сервисы, как ElfSight и Powr, так как они предоставляют больше типов виджетов, которые пригодятся в будущем. Ознакомьтесь с этим обзором ElfSight и Powr, чтобы узнать о ключевых различиях, преимуществах и недостатках и т. д.,