Плагин Google и Яндекс карта WordPress. Лучшие плагины Google Карты для WordPress

1 голос

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

Если вы создаете портал для какой-то компании, то не лишним будет показать людям где находится заведение, о котором вы рассказываете. Вы поговорим про плагин Яндекс карты для WordPress и вы поймете стоит ли им пользоваться или есть вариант лучше и проще.

С недавних пор я начал более лояльно относиться ко всем сервисам от Яндекса. Они действительно становится более удобными. Сперва мое сердце завоевал браузер, к которому я долгое время относился с неким скептицизмом, а сегодня обратил внимание и на карты.

В процессе написания этой статьи, я выяснил, что даже геолокация у Яндекса значительно проще, чем у его зарубежного конкурента. Не говоря уже о Метрике и инструментах для Вебмастеров.

Однако, если говорить непосредственно о плагинах, то их у Яндекса в разы меньше, но так ли они нужны? Может все-таки дело в том, что ресурс настолько удобен, что в отличие от Гугловских продуктов они просто не нуждаются в дополнительном упрощении?

Давайте это выясним.

Нужны ли вам карты

Можно через каждый несколько строчек на своем сайте писать точный адрес заведения и это не даст ровным счетом ничего. Все меньше людей ориентируются по названиям улиц. Основными координатами становятся магазины, парки и т.п.

Что вы представляете, услышав о улице Ленина, которая есть практически в каждом городе? Памятник, близлежащую школу или очередной «Перекресток»? Люди нуждаются в подобных уточнениях, они хотят быть уверены, что точно понимают куда их зовут. Никто не хочет терять время.

Поставив на сайте карту города и отметив там точку, вы получите значительно больше клиентов, нежели сто раз упомянете точный адрес. Те, кто действительно заинтересуется вашим предложением будут уверены, что верно поняли где находится компания и как туда пройти. Это дает +100 к вероятности, что читатель действительно посетит вашу фирму.

Добавление вручную: простота или лишние проблемы

Если говорить о самом конструкторе, то он невероятно прост. Найти его можно, пройдя по ссылке в сервис Яндекс Карты . Чтобы добавить свою метку, вам необходимо зайти на этот сайт под своим аккаунтом. Речь идет всего лишь на почте Яндекса.

Вводите в поисковую строку адрес, на который будет указывать метка, нажимаете «Найти» и она сразу появляется на карте.

Можно выбрать свой цвет и тип метки.

В центр без труда устанавливается иконка. Осталось только добавить свое описание, если это необходимо и нажать «Готово».

После этого вы можете вводить и другие адреса. Снова нажимать «найти» и метки будут добавляться на эту карту. Нажав на них вы можете перемещаться между метками и удалять их.

Описание можно ввести и в названии самой карты. Осталось только «Сохранить и продолжить».

Выбираете как будет выглядеть ваша карта: сможет ли читатель увеличивать или уменьшать масштаб (интерактивная карта), просто посмотрит где расположены заведения, без дополнительных возможностей (статическая) или вы просто хотите сохранить фотографию вашей карты, чтобы добавить ее , вставить в запись без использования кода (печатная).

Теперь выберите размер, который идеально подойдет, чтобы вставить карту в ваш блог.

Если вы создаете сайт для бизнеса, то помимо карты, не лишним будет установить возможность обратного звонка на портал. Эта функция намного проще, чем вам может показаться. Вы просто устанавливаете плагин и на почтовый ящик начинают приходить уведомления с просьбой перезвонить, которые оставили посетители сайта, либо сервис в реальном времени соединит клиента с вашим колл-центром.

Ничто лучше не покажет вашу работу заказчику, чем реальные обращения от клиентов. Как и Яндекс.Карты установить эту опцию можно проще простого. Для этого есть сервис Callbackkiller (https://callbackkiller.com ). Через него можно говорить и тогда вам придется оплачивать минуты разговора, а можно просто получать письма на почту. И это совершенно бесплатно.

Я желаю удачи в ваших начинаниях. До новых встреч.

Подробная контактная страница на сайте с Яндекс картой значительно упростит жизнь вашим клиентам. Яндекс карту можно использовать как схему проезда или как просто карту с меткой, где находится ваша фирма. Вставить карту на WordPress сайт проще чем вы думаете, но для начала карту нужно получить на Яндексе.

Услуга: Установим Яндекс.Карту на Ваш сайт

Установим и настроим Яндекс.Карту, которая будет решать Ваши задачи. Это может быть одна отметка на карте или динамическая карта в зависимости от выбранных условий. Просто поставьте нам задачу.

Получаем Яндекс карту

Получить Яндекс карты и отредактировать под свои потребности можно на этой странице сервиса . Внедрение внешних интерфейсов на сайт, в том числе Яндекс Карт, часто отпугивает новичков псевдо сложностью. На самом деле все достаточно просто и адаптированно для рядовых пользователей и начинающих веб-мастеров.

Создание карты

Создание карты ограничивается тем, что вам нужно просто вставить нужный адрес в поле под картой и найти место на карте. Так же вы можете изменить размеры карты, растягивая ее за правый нижний угол. Еще, есть возможность поменять вид отображения карты и масштаб. Я всегда ставлю "Народная", мне она больше нравится. Затем ставим нужную точку на карте и подписываем ее. Все карта создана.

Просмотр Яндекс карты

После этого можно просмотреть карту, и если что-то не устраивает - поменять. В режиме просмотра нужно выбрать вид карты: для блога или для сайта. Карта для блога получается статичной, и мне она не очень нравится, хотя такой вариант заметно меньше требует времени на загрузку. Я обычно выбираю вариант "карта для сайта" и меня все устраивает.


Вставляем карту Яндекса на WordPress сайт

Теперь у вас есть код Яндекс карты и вы можете вставить карту на свой WordPress сайт .

Полученный код Яндекс карты у вас должен быть примерно следующим:

Его можно разделить на две части: сам скрипт и блок DIV. Для отображения Яндекс карты на вашем сайте нужно подключить скрипт к сайту. Вы можете сделать это в файле header.php , но я рекомендую подключить скрипты в файл footer.php . Скрипты нужно подключить до закрывающего тега добавив подобный код (у вас он может быть другим, вы его получили ранее):

function fid_13485848986165892726(ymaps) {var map = new ymaps.Map("ymaps-map-id_13485848986165892726", {center: , zoom: 10, type: "yandex#map"});map.controls.add("zoomControl").add("mapTools").add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));};

Теперь, для того чтобы карта появилась на вашем WordPress сайте, на нужную страницу нужно добавить блок div. В WordPress нужно отредактировать страницу в режиме HTML и разместить на странице подобный код (вы должны были получить его раннее, если вы этого не сделали, читайте пост выше):

В этом коде 450px является шириной Яндекс карты, а 350px является высотой Яндекс карты - эти параметры вы можете отредактировать по желанию.

Когда вы сохраните все изменения, на сайте должна будет появиться Яндекс Карта.

Плагин позволяет встраивать Яндекс.Карты в ваши записи и страницы в WordPress. В отличии от Google Maps, это позволяет вставлять карты больших городов Украины и России.
В картах можно включать либо выключать кнопки увеличения, миникарту и переключения вида карты. Требуется PHP5. Есть поддержка WordPress MU.

Установка:

1. Скачайте плагин, и скопируйте в /wp-content/plugins
2. В странице администрирования блога, зайдите в раздел Plugins и активируйте модуль
3. Вверху страницы появится сообщение о том, что необходимо ввести API-ключ. Его можно получить по адресу

Использование:

1. Зайдите в создание записи или страницы
2. Внизу, под полем ввода текста появится новая панель “Yandex Maps for WordPress”
3. Заполните поля, причём
* Location name - заголовок сообщения, которое появится рядом с точкой на карте
* Address - адрес, в который небоходимо вставить точку
* Location Description - тело сообщения, которое появится рядом с точкой на карте (можно использовать HTML, но не стоит использоват одиночную ковычку)
* Map width \ height - размер карты
* Enable Zoom/Pan Controls - показывает элементы управления картой
* Enable Map Type Controls (Map, Satellite, or Hybrid) - показывает элементы управления типом карты (улицы, спутниковая, гибрид)
4. Нажмите на кнопку “Send to map editor”

Добавление базовых карт на ваш веб-сайт WordPress - легкий ветерок. С помощью Карт Google вы можете скопировать и вставить предоставленный код для вставки на свою страницу или опубликовать с помощью HTML-редактора WordPress. Но если вы хотите добавить некоторые дополнительные функции, вы можете обратиться за помощью к некоторым выдающимся плагинам.

Добавить карту на ваш веб-сайт WordPress - очень легко. С помощью Карт Google вы можете скопировать и вставить предоставленный код для вставки на свою страницу или опубликовать с помощью HTML-редактора WordPress. Но если вы хотите добавить некоторые дополнительные функции, вы можете обратиться за помощью к некоторым классным плагинам.

Вот 10 бесплатных плагинов WordPress, которые позволят вам как добавлять, так и расширять функциональность карты на вашем сайте:

Maps Builder предоставляет вам более интерактивный подход к созданию карты. Вы сможете построить несколько местоположений, настроить маркеры карты и даже использовать разные темы с помощью Snazzy Maps. Все это интегрировано в привлекательный и простой в использовании пользовательский интерфейс.

Если ваша компания имеет несколько местоположений, используйте локатор WP Store, чтобы добавить удобные интерактивные карты на ваш веб-сайт. Пользователи смогут фильтровать местоположения по их радиусу и получать маршруты проезда к каждому местоположению. Вы сможете добавлять важную информацию, такую как номера телефонов, часы работы и другую пользовательскую метаинформацию в каждом местоположении. Внешний вид вашей карты также настраивается.

Google Maps CP предлагает способ добавить данные о местоположении на страницу или пост WordPress. Это интересная концепция для новостных сайтов, где есть репортеры в разных местах или даже блог о путешествиях. Пользователи могут использовать эти данные, чтобы найти связанные записи из той же области. Местоположения могут быть определены либо по физическому адресу, либо по координатам точки.

Используя GPX-файл в качестве источника, карты WP GPX будут отображать интерактивные карты с такими характеристиками, как высота, скорость, пульс и температура. Эта функциональность может быть полезна для построения гоночных трасс или отслеживания фитнес данных.

SO Mobile Widget Map оптимизирован для использования с мобильными устройствами. Он отобразит статичную карту Google с выровненным центром в нужном месте. Когда вы нажимаете (или постукиваете), Google Maps открывается. Затем пользователи могут заполнить свое текущее местоположение, чтобы получить указания.

Сделайте ценный вклад в карты от вашего онлайн-сообщества с помощью: CM Maps Routes Manager. Пользователи могут рисовать свои собственные маршруты на карте, а также добавлять интересные объекты и фотографии. Включите пешеходные, велосипедные, маршруты вождения и многое другое. Карты можно искать по местоположению или категориям.

Visitor Map отобразит виджет карты мира, в котором будут указаны точки местоположения, которые в настоящее время находятся в сети. Плагин также покажет количество одновременно зарегистрированных пользователей и гостей. Карты адаптированы к мобильным устройствам.

WP Design Maps & Places не является стандартным плагином для отображения, поскольку он нацелен на обеспечение гораздо более высокого уровня настройки. Вы сможете самостоятельно разработать карту, которая будет соответствовать установленному внешнему виду вашего веб-сайта. Вы также можете выбрать, использовать или нет данные геолокации, предоставляя дополнительные возможности.

Вместо отображения Карт Google в вашем контенте Google Map с FancyBox Popup позволяет отображать его во всплывающем окне. Это может быть отличном решением для сайтов, которым нужно показывать несколько карт, не влияя на производительность, или если вы не хотите, чтобы они отвлекали внимание от другого контента.

Используйте GeoDirectory - Directory Plugin, чтобы создать глобальный (или региональный) бизнес-каталог или каталог для вашего веб-сайта. Плагин поддерживает импорт и экспорт CSV-файлов, что позволяет быстро создавать каталоги.

От автора: приветствую вас, друзья! В этой небольшой статье мы с вами узнаем, как вставить Яндекс карту на сайт WordPress. Вопрос добавления карты на любой сайт довольно популярен среди пользователей, что не удивительно. Ведь практически на любом сайте есть страница контактов и, если имеется физический адрес, скажем магазина или студии, тогда его проще и лучше продемонстрировать в понятной для посетителя форме — на Яндекс карте.

Итак, для добавления карты на сайт ее сначала нужно создать. Сделать это можно, воспользовавшись конструктором сайт от сервиса Яндекс. Доступен этот сервис по следующему адресу — https://tech.yandex.ru/maps/tools/constructor/ .

Как видим, нам предлагают выбрать уже готовую карту либо же создать новую. Обратите внимание, для создания карты, впрочем, как и для работы с другими сервисами от Яндекс, вам необходима учетная запись на Яндксе. Если у вас ее нет или вы не авторизованы, тогда Яндекс предложит вам создать свою учетную запись или авторизоваться в уже имеющейся. Итак, нажимаем кнопку Создать новую карту и, скорее всего, вы увидите карту того города, в котором находитесь.

Если это будет не ваш город или вам просто нужен другой город, тогда мы его сможем изменить далее при поиске необходимого адреса или объекта на карте.

В качестве примера давайте создадим карту, на которой будет главная улица Киева — Крещатик. Для этого воспользуемся поисковой строкой вверху карты и наберем интересующий нас адрес.

В результате будет найдена искомая улица или точный адрес, если вы его вводили. Далее можно воспользоваться набором кнопок под строкой поиска, в частности кнопкой Метки, которая позволяет установить метку на нужный объект карты.

Для метки можно задать текст (описание), установить ее цвет и тип. После этого нажимаем кнопку Готово. После этого в левой части страницы найдем кнопку Сохранить карту и получить ссылку и нажмем ее.

После сохранения мы увидим предпросмотр карты, где можно настроить ее размер простым перетаскиванием ползунков по бокам карты.

Изменяя размер Яндекс карты, в левой части страницы мы сразу же будем видеть параметры ее ширины и высоты и это очень удобно. После завершения изменений жмем кнопку Получить код карты.

После нажатия кнопки в тултипе увидим готовый код карты, который остается вставить на нужную страницу WordPress.

У меня уже есть страница контактов на сайте WordPress, на эту страницу я и вставлю скопированный код. Обратите внимание, это код HTML, подключающий скрипт, поэтому данный код обязательно нужно вставлять на страницу не в визуальном режиме а в режиме Текст.

Сохраним страницу и посмотрим изменения в пользовательской части сайта WordPress. Как видим, Яндекс карта успешно появилась на сайте WordPress.

Все крайне просто и весь процесс занял буквально считанные минуты. Что очень удобно, так это то, что мы можем при желании Яндекс карту разместить на любой странице сайта WordPress и даже в любой части сайта. Например, мы вполне можем сформировать миниатюрную карту и вставить ее в сайдбар. Для этого достаточно использовать виджет Текст, который позволяет вставлять код HTML. Ну а у меня на этом все. Удачи!