О том, как установить Яндекс карту на сайт с указанием местоположения Вашего офиса или магазина, Вы узнаете в этой статье, а в видео уроке, который можно посмотреть на этой же странице, наглядно увидите, как всё это сделать.
- А на вопрос, «Зачем это нужно», отвечу так. Яндекс карта на сайте с расположением офиса компании, нужна исключительно для удобства нахождения Вас Вашими клиентами.
- Думаю на многих корпоративных сайтах и интернет магазинах, многие из Вас, уже видели такие карты от Яндекса и могли оценить неоспоримые преимущества этого виджета.
А если Вам нужно установить строку поиска по сайту, чтобы пользователи могли находить нужные им статьи, рекомендую прочитать об этом в статье, как сделать поиск по сайту от Яндекса и Google.
Как добавить Яндекс карту на сайт
Весь процесс, как добавить Яндекс карту на сайт сводится к регистрации на Яндексе, получению специального API ключа и настройки месторасположения Вашего офиса, магазина или склада.
Дальше следует процедура получения кода и его последующая установка на свой сай, после чего на странице сайта, будет показываться Яндекс карта, на которой будет красоваться часть карты Вашего города с меткой расположения Вашего офиса.
При желании в этом конструкторе, можно указать не один, а сразу несколько объектов, например адрес офиса и склада, выбрать вид карты, изменить размер карты, выделить объект треугольником и нарисовать подробную схему проезда. Всё это делается с помощью нажатия кнопок конструктора.
Ну а теперь давайте разберём весь этот процесс по шагам.
Шаг 1
Регистрация на http://api.yandex.ru/maps/ зайдите на сервис Яндекс Карты и войдите под своим аккаунтом. Если не зарегистрированы ни в одном из сервисов Яндекса, пройдите регистрацию, которая займёт не более минуты.
Шаг 1
Дальше, заходим под своим Логином и Паролем, жмём на кнопки: API Конструктора карт >> Клуб разработчиков >> Конструктор карт и в конструкторе на этой странице в поле: Найти место на карте, пишем название города, в котором ведёте бизнес, улицу, номер дома и жмём на кнопку «Найти».
На скриншоте ниже, цифрами, я показал последовательность всех шагов по последнему пункту (по настройке адреса офиса на карте).
Шаг 3
На этом этапе, после нажатия на кнопку «Сохранить и получить код», копируете код карты и устанавливаетн его на свой сайт. Как правило, карту размещают на странице КОНТАКТЫ.
В правой части скриншота есть Инструкция, в которой кратко описаны значения кнопок конструктора, с помощью которых можно настроить карту, в том числе и её размер на сайте.
Ну а сейчас, подробный видео урок о том, как установить Яндекс Карту на сайт.
Рекомендую прочитать:
Как настроить контекстную рекламу в Яндекс Директ