Как установить яндекс карту на сайт. Яндекс карту установить на сайт


Как установить яндекс карту на лендинг пейдж

как вставить карту яндекс на сайтДобрый день. Недавно я писал статью о том, как добавить компанию на яндекс крты. Надеюсь, вы с этим успешно справились и сегодня мы установим яндекс карту с координатами вашей компании на landing page. Может быть, не у всех прошла модерацию заявка, но, если что, добавляйте в закладки страничку, а позже вернетесь к этой статье.

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

Кроме того, многим просто необходимо иметь данный элемент на своем лендинге. Например: юристам, нотариусам, турагентствам и т.д. Думаю вы поняли… Давайте приступим.

Как добавить яндекс карту на сайт?

Переходим на конструктор яндекс карт и видим следующее окошко:

карта яндекс на сайт

Первое, с чего нужно начать — это заполнить поле «Найти место на карте». Вводите адрес вашей компании или предприятия и нажимайте «Найти».

Я для примера введу просто адрес общежития, в котором жил, когда учился в университете :)

вставить карту яндекс на сайт

Далее корректируем контакты и задаем цвет маркера. Нажимаем «ОК».

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

установить яндекс карту на сайт

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

Также, обратите внимание, что можно менять схему отображения карты на «Спутник» и «Гибрид», а также, есть возможность изменить масштаб.

После того, как все дополнительные правки сделаны, введите название карты и нажмите на кнопку «Сохранить и получить код». Откроется поле с javascript кодом, который нужно скопировать и вставить на ваш лендинг пейдж в то место, где вы хотели бы, чтобы отображалась карта. поставить яндекс карту на сайт

В самом коде есть параметры width и height (ширина и высота), размер которых вы можете задать самостоятельно, чтобы более органично вписать ее в дизайн. А на сегодня — все! Теперь вы знаете как установить яндекс карту на сайт. Пишите свои комментарии. Пока!

smartlanding.biz

Как установить Яндекс карту на сайт

Мы становимся свидетелями стремительного совершенствования различных программных решений, применяемых на коммерческих сайтах. Служба «Яндекс Карты» предложил всем желающим владельцам ресурсов отметить нахождение частных компаний на местности. Для этого нужно вставить уникальный код на свой сайт. Что смогут увидеть ваши вероятные клиенты?

• Улицу с номером дома, в котором находится офис;

• найти маршруты общественного транспорта, с помощью которых можно добраться до места встречи;

• узнать о примерном времени в пути от точки нахождения до конечного пункта.

Как это выполнить самостоятельно и без ошибок? Рассмотрим это сейчас на примерах.

Пошаговый план установки яндекс карты на сайт

Шаг 1. Вначале желательно зарегистрировать или уже иметь свою учётную запись в яндекс почте. Если её нет, то не огорчайтесь. Просто перейдите по этой ссылке: конструктор карты. Вы увидите следующее окно: Рисунок 1. Стартовая страница

Стартовая страница

Шаг 2. Нажмите на кнопку «создать карту». Далее будет предложено войти или зарегистрироваться. регистрация яндекс аккаунта

Введите логин и пароль

Шаг 3. После того как вход выполнен идет перенаправление на следующую страницу: заполнение полей формы регистрации

Заполните пустые поля формы

Шаг 4. На этой странице видны два пустых текстовых поля. Это название и описание. В верхнем вставим имя нашего предприятия. Например, это может быть какой-то магазин. В нижнем можно указать вид деятельности. Предположим это продажа детских товаров. Обратите внимание на очень важный момент! На карте подписан город Москва, если вы из другого населённого пункта, то необходимо его поменять. Для этого жмём на значок лупы в левом верхнем углу карты. Видим появление поля поиска. В него вводим название нашего города. В этом случае выберем Владивосток. Жмём кнопку «найти». Появляется окно с описанием. В нём указаны данные: «Россия, Приморский край, Владивосток». Жмём на кнопку «готово» и в левой части наблюдаем появление объекта в списке. Кликнем по выделенной ссылке «сохранить и продолжить». Картинка Заполняем описание

Заполняем описание

Шаг 5. Далее мы видим нашу карту и метку в форме запятой, которая стоит около названия города. Набираем в строке поиска улицу и номер дома и жмём найти. Наша задача поставить метку около найденного объекта. Нажимаем на значок запятой и курсор мыши наводим на номер дома по определённой улице и кликнем левой кнопкой по объекту. Снизу появляется окно с описанием. В него вносим название нашего магазина. Допустим это детские товары. Метка закреплена и нажимаем «готово». Сохраняем выполненные действия. установление меток

Установка метки с улицей и номером дома

Шаг 6. Далее выбираем тип карты – статическая. Это нужно для того, чтобы пользователи с медленным интернетом могли успеть загрузить страницу. выбираем тип карты для размещения

Выбор типа карты

Шаг 7. После этих действий выберем размеры изображения для страницы нашего сайта. По умолчанию стоит 500 на 400 пикселей. Но существует возможность выставить любой другой и посмотреть как это будет выглядеть на сайте. корректировка размеров карты

Уточнение размеров

Шаг 8. Жмём на ссылку «получить код карты». Копируем и вставляем в то место где хотим увидеть наш результат. код карты для сайта

Получение кода для сайта

Результат. Окончательно наша страница может выглядеть примерно так: вид и отображение карты на сайте

Пример карты на сайте

Мы видим улицы и метку с расположением нашего объекта. Поздравляем всех кто вместе с нами установил код к себе на сайт! Теперь вы сможете самостоятельно отредактировать информацию о нужной компании на яндекс карте своего населённого пункта.

5/5 (1)
Понравилась статья?

Просмотров: 1 437

comments powered by HyperComments

pcsovet.ru

Как установить Яндекс карту на сайт быстро?

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

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

Как установить Яндекс карту на сайт? В одной из статей мы рассказывали, как добавить Google Maps на сайт, здесь всё также просто.

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

Яндекс карты на сайт

Потрать 5 мин. чтобы вставить карту Яндекс на сайт

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

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

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

  1. Переходите в конструктор карт Яндекс по этой ссылке и выбираете создание новой карты:
  2. Вводите адрес или находите объект на карте, после чего жмете «Метки» и ставите её на выбранное здание. Вам сразу же будет предложено заполнить описание, туда можно включить часы работы и контактную информацию:
  3. В боковом меню заполняется название и описание карты. Информация будет отображаться на вашем сайте. Когда заполните данные, жмите «Сохранить карту и получить код»:
  4. На следующем шаге выбирайте размер карты и двигайте карту по своему усмотрению (желательно, чтобы метка была в центре):
  5. Теперь в боковой панели будет доступен выбор типа карты и код, который нужно вставлять на сайте:

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

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

Если вы пользуетесь популярными движками (WordPress или Joomla), создавайте модуль «Произвольный текст» и туда вставляйте код.

Вам также будет интересно:- Как Яндексу удалось придти к успеху?- Можно ли прожить без работы?- Какие есть поисковые системы?

workion.ru