Вход
huffson.com
huffson.com
testopay.com


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

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

Яндекс карты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обсуждение статьи

Сунатулло 16.04.22 23:26:24 Ответить

Комментарий:

Спасибо большое!)

илья 21.04.22 12:20:48 Ответить

Комментарий:

Это самое правильное учебное пособие! Всё получилось через вставку редактора кода.

ТОП заработки

Google Adsense

Владелец
полгода
год
1
Евгений44
$511
2
Первый_нах
$492
3
Tomato
$427
4
Egorka
$388
5
Noname
$351
6
Pros100
$299
7
Носок судьбы
$101
8
ЮныйМаг
$99
9
Альфа
$89
10
jony09
$23

Яндекс Рекламная сеть

Владелец
полгода
год
1
birds
2
Noname
3
Pros100
4
Первый_нах
5
Egorka
6
Tomato
7
Носок судьбы
8
ЮныйМаг
9
Злодейка
10
Optimist

Videoroll.net

Владелец
Полгода
Год
1
webmaster1
20 397 886 ₽
21 177 125 ₽
2
webmaster2
14 613 541 ₽
16 348 605 ₽
3
webmaster3
6 273 491 ₽
14 613 541 ₽
4
webmaster4
5 822 152 ₽
12 255 262 ₽
5
webmaster5
3 831 392 ₽
11 312 975 ₽
6
webmaster6
3 706 541 ₽
9 152 245 ₽
7
webmaster7
3 027 899 ₽
6 478 387 ₽
8
webmaster8
2 854 087 ₽
6 150 616 ₽
9
webmaster9
2 722 258 ₽
5 852 907 ₽
10
webmaster10
2 384 448 ₽
5 181 307 ₽
Рекомендуем
Новые публикации
Новые кейсы