Всем привет на связи Паша из Всеволожска, я со своей командой «Делаем SEO» продвигаем сайты, делаем SEO продвижение для B2B, B2C компаний и в этой статей расскажу вам как добавить Яндекс карту на сайт Тильда.
Первый способ добавления карты
Заходим в Яндекс Карты и вбиваем в поисковую строку наименование своей компании, в данном случае «Павел Гречко и Партнеры», нажимаем кнопку «Поделиться», и у нас появляется широта и долгота, которую мы копируем.
В конструкторе Тильда, например, на странице «Контакты» находим в библиотеке блоков CN402A «Карта Google или Яндекс и блок контактов» и добавляем этот блок. Далее необходимо нажать кнопку «Контент», выбрать Яндекс.Карты, добавить заголовок и описание объекта и в поле GEO MAP вставить скопированную широту и долготу.
Нажимаем «Сохранить и закрыть», далее «Опубликовать». Получаем результат.
Второй способ добавления карт
Второй способ добавления Яндекс.Карты чуть более сложный, но более интересный и гибкий, а также дает больше возможностей для разнообразных настроек (например, добавление маршрутов и навигации).
В сервисе «Конструктор карт Яндекса» вбиваем свою организацию. https://yandex.ru/map-constructor/
Можно изменить цвет и форму значка. Также задать размеры карты.
Переходим на конструктор Тильда. Открываем библиотеку блоков, в разделе «Другое» выбираем и добавляем блок Т123 «HTML-код».
Переходим в меню блока «Контент» и вставляем скопированную ссылку. Нажимаем «Сохранить и закрыть», далее «Опубликовать». Чтобы карта на сайте была посередине страницы, заходим снова в «Контент» и вбиваем ширину, равную 100% (width= «100%»), высоту меняем с 400 на 500 (height=500). Нажимаем «Сохранить и закрыть», далее «Опубликовать». Получаем результат.
Трений способ добавления карт
Найдите свою организация на картах и нажмите с права на три точки. Откроется меню и которого можно будет добавить карту на сайт и даже отзывы.
Четвёртый способ для профи Добавление ключа для карт Яндекса
Для подключения на свой сайт карты от Яндекс (обычной карты или карты для доставки) нужно получить специальный ключ. Перейдите в кабинет разработчика Яндекса и нажмите на кнопку «Подключить API».
Выберите пункт «Javascript API и HTTP Геокодер».
Заполните краткую анкету от Яндекса.
Откройте настройки ключа по кнопке «Изменить».
В поле «Ограничение по HTTP Referrer» впишите доменное имя, на котором будет отображаться карта. Добавьте на второй строке домен «tilda.cc», чтобы карта отображалась в Редакторе Тильды. Сохраните изменения.
Ключ получен. Номер ключа будет указан под названием ключа в списке. Значение ключа нужно скопировать.
Вставьте значение ключа в Настройках сайта → Еще → Ключи от API карт.
Сохраните изменения и опубликуйте страницы. Карта должна заработать во всех блоках, использующих данные от Яндекса.
На этом всё спасибо за внимание. Если было полезно приглашаю в свой телеграмм канал. Там я рассказываю не только как добавить карту в тильду, но и продвигать сайт в по SEO.
