Как добавить интерактивную карту путешествий в блог
Обновлено 10 ноября 2026 г. · 4 мин чтения
Карта — самый быстрый способ показать читателям, где вы были. Вместо статичного скриншота можно встроить интерактивную карту: читатели двигают её, открывают поездки и смотрят фото прямо на вашей странице.
Получите код встраивания
- 1Создайте карту в Trailroll, загрузив фото из поездок.
- 2Нажмите Поделиться и включите Публичную ссылку.
- 3Выберите, какие поездки показать и нужно ли скрыть точные места или даты.
- 4Скопируйте Код встраивания. Это короткий фрагмент с iframe.
Встроенная карта использует те же настройки, что и ссылка. Если потом изменить поездки или настройки приватности, карта в блоге обновится, а код трогать не придётся.
Все поездки на одной картеЗагрузите фото, и Trailroll поставит каждое туда, где оно снято. Первые 500 фото бесплатно.
Создать карту путешествийВставьте код на сайт
- WordPress: добавьте блок Произвольный HTML и вставьте код.
- Squarespace: добавьте блок Code и вставьте код.
- Wix: добавьте Встроить код → Встроить HTML и вставьте код.
- Ghost: добавьте карточку HTML.
- Webflow: добавьте элемент Embed.
- Обычный HTML: вставьте iframe туда, где должна быть карта.
Платформы, которые не поддерживают iframe, например Medium и Substack, не могут показать интерактивную карту. Опубликуйте вместо неё ссылку: она покажет превью с вашей картой.
Советы для хорошей карты в блоге
- Одна карта на каждый отчёт о поездке и одна общая — на странице «Обо мне». В настройках ссылки можно оставить только поездки, которые подходят к посту.
- Скройте точные места, если на карте есть ваш дом или места, где вы останавливались.
- Дайте карте место. Встраивание на всю ширину и высотой около 500 пикселей хорошо смотрится и на компьютере, и на телефоне.
Вопросы
- Встраивание бесплатное?
- Да. Ссылка и встраивание входят в бесплатный план.
- Карта не замедлит мою страницу?
- Карта загружается в отдельном фрейме после страницы, так что текст и картинки появляются первыми.