Главная » Инструменты » Добавляем Яндекс карту на сайт с любой CMS

Добавляем Яндекс карту на сайт с любой CMS

Здравствуйте, эту статью хотелось бы начать с небольшой заметки.

Те, кто увлекается не только разработкой, но и продвижением сайтов знают, что требования к площадкам растут с каждым годом, поисковики стараются отсеивать мусорные страницы и оставлять максимально релевантные. Так просматривая последние конференции по продвижению коммерческих сайтов, заметил один похожий во всех случаях факт – это оформление страницы контактов. Прошли те времена, когда эта страница содержала только несколько телефонов и форму обратной связи. Сейчас нужно максимально информативно предоставлять контактные данный. В этом случае вам просто не обойтись без динамической карты расположения вашего офиса. Она стала неотъемлемой частью любой контактной страницы коммерческого сайта.

Яндекс предоставил разработчика собственное решение в этом направлении – а именно «Конструктор Яндекс карт», который позволяет вебмастерам без проблем добавить любую карту на свой сайт.

Итак, теперь перейдем непосредственно к действиям.

1.) Для начала переходим в сам конструктор карт — http://api.yandex.ru/maps/tools/constructor/.

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

ycart1

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

2.) Вводите нужный вам адрес, после чего вам высветлится подсказка с полным названием улицы, города и номера дома.

3.) После выбора адреса вы можете указать описание метки, а также выбрать ее цвет.  Осле настроек нажимаем кнопку «Ok». И спускаемся вниз страницы.

ycart2

4.) Нажимаем кнопку «Получить код без авторизации», если вы зарегистрированы, то сможете сразу увидеть поле кода.

ycart3

5.) Копируем предоставленный код и вставляем в нужное нам место на сайте.

ycart4

Несколько заметок

— данный метод вставки карты Яндекс на сайт подойдет для любых CMS: Joomla, Opencart, WordPress и прочих.

— часто, визуальный редактор, например в joomla, режет код. Так что работать со страницей контактов желательно без редактора. Либо вставлять карту проезда на сайт после всех визуальных правок.

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

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

4 комментария

  1. подскажите пожалуйста, к примеру я сделал карту так как вы указали, все отлично, получилось, разместил те объекты которые мне нужны, а через неделю, к примеру у меня добавился объект на карте, мне надо будет заново все оьъекты вписывать или как-то можно на этой карте их добавлять?

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

  3. Что-то не так карту пытаюсь в блоке с права разместить а она вместо этого вниз под текст ставится

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *