Бесплатный виджет погоды и температуры моря для сайта

Добавьте на сайт бесплатный виджет «температура воды и погода» – без регистрации. Он работает для любого пляжа мира: выберите место на нашей карте или поставьте маркер на любом побережье, затем вставьте код в WordPress, Wix или чистый HTML. Карточка из матового стекла показывает температуру воды в реальном времени рядом с температурой воздуха, погодой и индексом UV, автоматически перенимая цвета и язык вашей страницы. Widget Pro добавляет прогноз на 10 дней и удаляет ссылку SeaTempMap.com.

Выберите место

Предпросмотр

Бесплатные функции

Это реальный виджет, показывающий текущую температуру и погоду – именно то, что увидят ваши посетители. Работает в Chrome и Edge; в Safari и Firefox – тема «Стеклянная».

Температура
Ветер
Тема
Тень
Шкала
Верхняя строка
Функции Pro
Без прогноза
С прогнозом
Дизайн
Не в сезон

Скопируйте код

<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto" data-bar="off">
  <a href="https://seatempmap.com/destinations/santorini" target="_blank" rel="noopener">SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>

Вставьте это туда, где должна отображаться карточка.

Бесплатно

0 €
  • Любой пляж в мире – с нашей карты или по отметке в любой точке побережья
  • Температура моря и воздуха, погода и УФ-индекс – на языке вашей страницы
  • Своя верхняя строка, местное время, °C/°F, светлая и тёмная темы, матовое стекло и Liquid Glass
  • Сохраняет небольшую ссылку на SeaTempMap.com под карточкой

Бесплатно · Без регистрации · Без файлов cookie для отслеживания

Widget Pro – ваш виджет, ваш бренд

Widget Pro убирает ссылку на источник и переход на наш сайт, добавляет подробный вид, прогноз на 10 дней и межсезонный режим. Выберите годовую лицензию для одного или нескольких направлений на одном сайте.

Widget Pro Multi

1 сайт / несколько направлений

299 € / год

Для туроператоров и гостиничных сетей со множеством объектов на сайте

  • Everything in Widget Pro – on every card across your site
  • Без ссылки на SeaTempMap.com и без перехода по клику – карточка читается как часть вашего сайта
  • Прогноз температуры моря и воздуха на 10 дней – прямо на карточке
  • Подробный – Текущие ветер, влажность, давление и видимость вместе с температурой моря и воздуха, погодой и УФ-индексом. Без прогноза.
  • Ваше собственное название на карточке – например, отель вместо пляжа
  • Вне сезона – когда море остывает ниже заданной температуры, карточка показывает погоду и УФ
Купить Widget Pro Multi

Безопасная оплата со счетом-фактурой и НДС. Лицензионный ключ и готовый код придут на email в течение 24 часов.

Политика возврата средствУправление подпиской

Какая карточка подойдёт вашему сайту?

Есть четыре вида карточек. Widget Pro и Pro Multi — лицензии, открывающие платные варианты. Их можно попробовать в предпросмотре до покупки.

Базовый

Текущая температура моря и воздуха, погода и УФ-индекс. Без прогноза.

Бесплатно

Подробный

Текущие ветер, влажность, давление и видимость вместе с температурой моря и воздуха, погодой и УФ-индексом. Без прогноза.

Widget Pro

Компактная

Прогноз температуры моря и воздуха на 10 дней в двух рядах по пять дней, для узких блоков.

Widget Pro

Широкая

Прогноз температуры моря и воздуха на 10 дней в одном широком ряду. При нехватке места становится компактным.

Widget Pro

Для отелей, жилья для отдыха и туроператоров

Покажите температуру моря и погоду у пляжа отеля вместе или добавьте карточку к каждому направлению. Pro охватывает одно направление на одном сайте, Multi — несколько направлений на одном сайте. Отдельные сайты на других доменах автоматически не включаются.

Часто задаваемые вопросы

Как добавить виджет температуры моря на мой сайт?

Выберите место, скопируйте код и вставьте его в нужную часть страницы. Страница или HTML-блок должны разрешать внешний JavaScript. Если редактор удаляет теги script, воспользуйтесь настройками пользовательского кода или обратитесь к администратору. Проверьте виджет на опубликованной странице.

Этот виджет действительно бесплатный?

Да – бесплатный как для личных, так и для коммерческих сайтов, без регистрации, без ключа API и без ограничений по трафику. Всё, о чем мы просим, это оставить небольшую ссылку на SeaTempMap.com под карточкой – именно это упоминание позволяет виджету оставаться бесплатным. Widget Pro (99 € в год) убирает ссылку на источник и переход на наш сайт по нажатию на карточку. Также доступны прогноз на 10 дней, своё название места, режим межсезонья и подробный вид с ветром, влажностью, давлением и видимостью.

Откуда берутся данные и как часто они обновляются?

Температура моря основана на спутниковых данных NASA с сеткой 1 км и почасовой коррекции суточной основы от SeaTempMap. Это оценка, а не замер на вашем пляже. Погоду и атмосферные данные предоставляет Apple Weather. Пока страница видима, виджет запрашивает данные каждые 30 минут; это не означает новый спутниковый замер каждый раз. Отсутствующие значения показаны как --.

Подойдет ли он к дизайну моего сайта?

Можно выбрать «Жидкое стекло», матовое стекло, светлую или тёмную тему либо автоматический режим, который подстраивается под фон страницы. «Жидкое стекло» добавляет эффект преломления фона в поддерживаемых версиях Chrome и Edge. На iPhone и iPad, а также в Safari и Firefox отображается матовое стекло; данные и управление работают так же.

Будет ли конфликтовать виджет со стилями моего сайта?

Нет – карточка рендерится внутри Shadow DOM, функции браузера, которая полностью ее изолирует: CSS вашей темы не сможет случайно сломать виджет, а стили виджета не просочатся на вашу страницу.

Как выбирается язык виджета?

Виджет использует язык страницы, на которой он размещён, а не язык браузера посетителя. Поддерживаются 30 языков; если язык страницы недоступен, используется английский. Язык можно задать и прямо в коде вставки.

Не замедлит ли виджет загрузку моей страницы?

Виджет асинхронно загружает один скрипт без внешних библиотек, поэтому не блокирует отображение страницы. Передаётся около 75–90 кБ в зависимости от сжатия, плюс запросы актуальных данных. Если данные не загрузились, карточка остаётся на месте и показывает прочерки вместо чисел, не нарушая вёрстку. При следующем обновлении она повторит попытку.

Могу ли я показать более одного пункта назначения?

Да – вставьте по одному фрагменту кода для каждого пункта назначения, и каждая карточка отрисуется независимо, так что отель с двумя локациями может показать обе. Скрипт нужно подключить только один раз на странице, но и дубликат не причинит вреда. То же самое касается и Widget Pro: один ключ покрывает один пляж, а если вам нужно несколько пунктов назначения на одном сайте, для этого существует Widget Pro Multi.

Для каких пляжей работает виджет?

Для любого пляжа в мире. Выберите пункт назначения на нашей карте или перейдите на вкладку Везде и поставьте метку на любом побережье – метка не обязательно должна попадать на воду, карточка сама найдет ближайшее море. Оба варианта бесплатны, а карточка выглядит и работает одинаково в любом случае.

Использует ли он файлы cookie и собирает ли данные посетителей?

Виджет не устанавливает cookies и не отслеживает посетителей для рекламы. При загрузке отправляются технические запросы в SeaTempMap; IP-адреса используются для защиты от злоупотреблений. Это не означает полного отсутствия обработки данных. Опишите внешние сервисы в информации о конфиденциальности вашего сайта.

Отправляет ли виджет моих посетителей на ваш сайт?

Бесплатная карточка отправляет – вся карточка является ссылкой: на страницу пункта назначения для пляжа с нашей карты или на детальную информацию об этом месте для ваших собственных координат. Под ней также есть небольшая строка с источником. Это то, что вы даете взамен за бесплатное использование. Карточка с лицензией Widget Pro вообще не является ссылкой: нет строки с источником, нет перехода, поэтому посетитель остается на вашем сайте.

Что происходит по истечении срока действия лицензии Widget Pro?

Карточка продолжает работать – море, воздух, погода и УФ-индекс все так же обновляются. Она просто возвращается к бесплатному виду: на ней снова появляется наша небольшая ссылка на SeaTempMap.com, а платные элементы больше не отображаются. Ничего не ломается и не исчезает – продлите лицензию, и карточка станет точно такой же, какой была.

Что показывает подробный вид и когда им можно пользоваться?

Подробный вид доступен в Widget Pro. Это широкая карточка с текущими условиями, а не прогнозом на 10 дней. В одной строке размещены место, погода, температура воздуха и моря, а также круглые индикаторы УФ-индекса, ветра, влажности, давления и видимости. Его можно опробовать в генераторе до покупки; для размещения на своём сайте нужна действующая лицензия Widget Pro.

Как настроить единицы температуры и скорости ветра?

В коде вставки выберите °C или °F. В подробном виде единицы скорости ветра настраиваются отдельно: автоматически, km/h, mph или m/s. Автоматический режим учитывает язык и регион браузера посетителя, независимо от языка страницы и единиц температуры. Поэтому посетитель из Великобритании может видеть °C и mph, а из Японии — °C и m/s. Если выбрать единицу вручную, она будет одинаковой для всех посетителей.