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

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

Кому это надо?

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

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

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

Одним из крупнейших картографических сервисов в рунете, является – Яндекс Карты. Есть еще и другой, от компании Гугл. Но сегодня, будет разговор именно про Яндекс Карты.

Для установки Яндекс Карты, нужно получить код, а затем, полученный код, вставить в нужное место на сайте. И не важно, на какой платформе ваш сайт. Данная инструкция подойдет и для сайтов на html, и для wordpress и для любых других движков. Достаточно того, чтобы он поддерживал вставку скриптов, что на сегодняшний день, предоставляет практически любой платный хостинг (да и большинство бесплатных).

Для установки, вначале нужно перейти по ссылке — yandex.ru/map-constructor/

конструктор яндекс карт

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

создать яндекс карту

Ну а дальше, можно выбрать тип карты, размер в пикселях, сразу же можно задать нужный масштаб, местоположение карты. Ну и нажать на кнопку – получить код карты.

задаем размер карты и масштаб

Конструктор карт выдаст код карты, который останется просто добавить на свой сайт.

код карты для размещения на сайте

Полученный код карты, нужно вставить на ваш сайт. Если это просто сайт на HTML, то просто вставьте его в нужное место.

добавляем на сайт html

Или же, если к примеру, у вас сайт на популярной CMS WordPress, то вы можете установить его в код либо самой статьи и для этого, вам совсем не нужен какой либо плагин, но вставку нужно делать, в режиме «Текст»

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

либо, можно вставить в виджет.

можно установит ьв виджет

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

Ну а теперь, вот что у меня вышло.

Так что все работает, проверено лично.

1 Star2 Stars3 Stars4 Stars5 Stars (4 оценок, среднее: 4,75 из 5)
Loading...
Случайные публикации:
  • Делаем правильный Robots.txt для Google и ЯндексаДелаем правильный Robots.txt для Google и Яндекса...о нужно сделать. Как сделать правильный robots.txt для Google и Яндекс Надо удалить
  • Уникальные тексты статей на сайте - важно ли?Уникальные тексты статей на сайте - важно ли?...очетаний внутри каждого из них. В общем, благодаря этому, написать уникальный
  • Контекстная реклама в Интернете - что это такоеКонтекстная реклама в Интернете - что это такоеРаз уж в предыдущей статье (про источники трафика на сайт) я затронул те...
  • Быстрое изменение размеров окна браузера. Видеоурок - плагин Window Resizer в браузере ChromeБыстрое изменение размеров окна браузера. Видеоурок - плагин Window Resizer в браузере Chrome...ости я уже не раз убеждался в том, что быстрая (при помощи плагинов) смена размеров
  • Быстрые ссылки в РСЯ и как их убратьБыстрые ссылки в РСЯ и как их убратьНедавно (23 октября 2013) в объявлениях рекламной сети Яндекса начали отоб...
Оставьте комментарий:
комментариев 7
  1. k0ttee:

    А к темной теме сделать контролы карты темными можно без изобретения велосипеда?

    Ответить
  2. Михаил:

    А вот как вот, к примеру, вывести на сайт яндекс.карту определенной страны? %)

    Ответить
  3. Денис:

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

    Ответить
    • birds:

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

      Ответить
  4. Наталья:

    Добрый день. Скажите, а нагрузку на сайт такая карта оказывать не будет?

    Ответить
  5. Наталья:

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

    Ответить
Я не спамлю...