Вы здесь: Главная > Блог > Установка Яндекс карт на Joomla

Установка Яндекс карт на Joomla

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

 

Что такое Яндекс карты и зачем их размещать на сайте

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

Как получить код от Яндекс карт

Для получения кода Яндекс карт на джумла, необходимо зайти на страницу онлайн сервиса по ссылке http://maps.yandex.ru/. Далее в правой части есть меню, где нужно нажать- карта для вашего сайта.

После открытия окна Вы увидите рекламу сервиса  Яндекс API карт. Которая нам особо не нужна (может кому и нужна). Далее под поисковой строкой  находим конструктор карт и кликаем по ним.

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

После того, когда Вы выбрали улицу, Система предлагает вам установить маркер (точку). Нажимаем на ссылку – поставить здесь точку?

Следующим шагом будет ввод описания вашей компании (например название компании  “Палви”). далее выбираем цвет маркера и проставляем номер улицы и дома. Далее нажимаем кнопку ок.


Вот и все первое окно мы настроили.

Далее необходимо кликнуть по второй вкладке – Просмотр.

Здесь мы увидим два варианта, которые можно выбрать. Это интерактивная карта (живая карта) и обычная статическая карта  (которую нельзя масштабировать и изменять). Конечно мы советуем выбрать интерактивную карту. Смысла в статической карте нет.

Далее нужно перейти на 3 вкладку – код для вставки, кликнув на ней.

 Далее у нас попросят прочитать лицензию и согласиться с ней или отказаться. Прочитайте лицензию и поставьте галачку на «я прочитал пользовательское соглашение». Далее нажимаем получить код карты. Теперь Вы увидите код нашей карты. Копируем этот код.


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

Вот и все. Теперь нам осталось совсем немного. Далее необходимо зайти в менеджер управления джумла. Для вставки кода Яндекс карт желательно отключит визуальный редактор. Так как очень часто его фильтра обрезают код и карта не будет отображаться. Для этого в панели управления необходимо выбрать пункт пользователи. Далее нужно выбрать Administrator (или super administrator).

Справа находим пункт редактор пользователя. В этом пункте необходимо выбрать  Editor No Editor (редактор без редактора). Этим мы отключаем визуальный редактор. Редактор мы отключаем только на момент размещения кода наших Яндекс карт. После установки карт вы можете вернуть все обратно. Далее нажимаем кнопку сохранить.

После этого необходимо зайти в менеджер материалов. Создаем материал контакты (если Вы не создали ее до этого). Заходим на эту страницу. Вместо визуального редактора вы увидите обычный html редактор Joomla. Заметили, что нельзя теперь редактировать текст и картинки, с помощью визуального редактора? Мы просто его отключили для вставки нашего кода. Далее необходимо вставить скопированный код от Яндекс карт и нажать кнопку сохранить.

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

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

Вот и все на сегодня. Надеюсь наша маленькая статья поможет вам установить Яндекс карты на свой интернет ресурс. Удачи.