Челябинск
Например:
Челябинск
Москва
или
Выбрать автоматически
Челябинск
Москва
Екатеринбург
Тюмень
Санкт-Петербург
RU
Как добавить Google-карту на сайт

Как добавить Google-карту на сайт

Google Maps помогает посетителям сайта понять, где находится офис вашей компании, как до него доехать, сколько времени займет дорога. Это отличный инструмент не только для навигации, но и для получения дополнительного целевого трафика на ваш сайт. Кроме того, сервис абсолютно бесплатный. Поэтому сегодня рассказываем, как ставить карту на сайт.

Получите код для установки карты Google

Чтобы добавить Гугл-карту на сайт, нужно получить код карты с пометкой вашей компании. Для этого введите в Google Maps адрес организации или ее название. Также можно вручную найти подходящее место на карте и сделать на нем пометку кликом мыши.

1(i).JPG

Как только отметка будет установлена, кликните по значку меню возле строки поиска.

2(i).JPG

В открывшемся меню зайдите в пункт «Ссылка/код».

3(i).JPG

Теперь зайдите во вкладку «Код», подберите размер карты и сделайте копию html-кода.

5(i).JPG

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

Как только вы получите код, останется лишь добавить его на нужную страницу сайта. Google Карты можно добавлять на сайт при помощи html-кода, хотя это не единственный способ. Код нужен, если вы добавляете карту на самописный сайт или на сайт, сделанный на конструкторе. Да по сути, на любой, где есть доступ к html-коду, даже на Вордпресс, если вы, например, не хотите загружать его сторонними плагинами.Мы будем показывать на примере «Битрикса», поскольку это один из самых популярных движков. До 65% российских сайтов используют эту CMS. 

Например, вы решили вставить карту в блок «Контакты». Зайдите в редактор страницы перейдите на вкладку HTML-код.

Работать будем с текстовым полем. Кликните по кнопке «Источник», чтобы отредактировать код. Вставьте код, который вы получили на Google Maps, в текстовое поле. После этого останется только сохранить внесенные изменения.

Также вы можете разместить карту в общих блоках. Разместите код карты ниже всего кода страницы и нажмите «Обновить» и «Сохранить изменения». 

Помимо Гугл-карт, вы можете разместить на сайте карты от 2гис и Яндекса. О них мы расскажем в следующих статьях.

(Голосов: 1, рейтинг: 3.3)
Презентация интернет-агентства INTEC
Семинар "Digital-трансформация маркетинга и продаж"
Трофименко Александр - Руководитель компании "Тех-Ас"
Игорь Родимов - Директор автосервиса "Мастер 12 Вольт"
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...
загрузка карты...