Google Maps помогает посетителям сайта понять, где находится офис вашей компании, как до него доехать, сколько времени займет дорога. Это отличный инструмент не только для навигации, но и для получения дополнительного целевого трафика на ваш сайт. Кроме того, сервис абсолютно бесплатный. Поэтому сегодня рассказываем, как ставить карту на сайт.
Получите код для установки карты Google
Чтобы добавить Гугл-карту на сайт, нужно получить код карты с пометкой вашей компании. Для этого введите в Google Maps адрес организации или ее название. Также можно вручную найти подходящее место на карте и сделать на нем пометку кликом мыши.
Как только отметка будет установлена, кликните по значку меню возле строки поиска.
В открывшемся меню зайдите в пункт «Ссылка/код».
Теперь зайдите во вкладку «Код», подберите размер карты и сделайте копию html-кода.
Как вставить код карты на сайт
Как только вы получите код, останется лишь добавить его на нужную страницу сайта. Google Карты можно добавлять на сайт при помощи html-кода, хотя это не единственный способ. Код нужен, если вы добавляете карту на самописный сайт или на сайт, сделанный на конструкторе. Да по сути, на любой, где есть доступ к html-коду, даже на Вордпресс, если вы, например, не хотите загружать его сторонними плагинами.Мы будем показывать на примере «Битрикса», поскольку это один из самых популярных движков. До 65% российских сайтов используют эту CMS.
Например, вы решили вставить карту в блок «Контакты». Зайдите в редактор страницы перейдите на вкладку HTML-код.
Работать будем с текстовым полем. Кликните по кнопке «Источник», чтобы отредактировать код. Вставьте код, который вы получили на Google Maps, в текстовое поле. После этого останется только сохранить внесенные изменения.
Также вы можете разместить карту в общих блоках. Разместите код карты ниже всего кода страницы и нажмите «Обновить» и «Сохранить изменения».
Помимо Гугл-карт, вы можете разместить на сайте карты от 2гис и Яндекса. О них мы расскажем в следующих статьях.
