Бесплатный виджет погоды и температуры моря для сайта
Добавьте бесплатный виджет температуры моря и погоды на свой сайт меньше чем за минуту. Выберите из 174 пляжей по всему миру, скопируйте код и вставьте его куда угодно – в подвал, боковую панель или статью в блоге. Карточка из матового стекла сливается с любой страницей, подстраивает цвета под фон и автоматически переводит текст на язык вашего сайта, так что она выглядит как часть вашего дизайна. Виджет показывает температуру воды и воздуха, погоду и УФ-индекс в реальном времени. Работает на WordPress, Wix или чистом HTML и обновляется сам – без регистрации.
Выберите место
Auto сливается с вашей страницей – распознает фон и выбирает светлый или темный текст.
Предпросмотр
Это реальная, рабочая карточка – именно то, что увидят ваши посетители.
Скопируйте код
<!-- Live sea temperature & weather widget by SeaTempMap.com -->
<div class="seatempmap-widget" data-seatempmap-dest="santorini" data-units="c" data-theme="auto">
<a href="https://seatempmap.com/destinations/santorini" rel="noopener">Sea temperature in Santorini · SeaTempMap.com</a>
</div>
<script async src="https://seatempmap.com/widget/v1.js"></script>Вставьте это туда, где должна отображаться карточка.
Часто задаваемые вопросы
Как добавить виджет температуры моря на мой сайт?
Выберите пункт назначения выше, скопируйте фрагмент кода и вставьте его в HTML вашей страницы там, где должна появиться карточка – в подвал, на боковую панель или внутрь поста. Ничего не нужно устанавливать, и не нужно создавать аккаунт: он работает в любом HTML-блоке или блоке вставки на WordPress, Wix, Squarespace, Shopify или на сайте с ручным кодом.
Этот виджет действительно бесплатный?
Да – бесплатный как для личных, так и для коммерческих сайтов, без регистрации, без ключа API и без ограничений по трафику. Всё, о чем мы просим, это оставить небольшую ссылку на SeaTempMap.com на карточке – именно это упоминание позволяет виджету оставаться бесплатным.
Откуда берутся данные и как часто они обновляются?
Данные о температуре моря поступают со спутников NASA с сеткой в 1 км – те же самые показатели, которые вы видите на нашей карте мира. Температура воздуха, погода и УФ-индекс берутся из глобального фида в реальном времени, а карточка обновляется сама, пока страница открыта – ваши посетители всегда видят актуальные условия.
Подойдет ли он к дизайну моего сайта?
Карточка выполнена в стиле матового стекла: она перенимает фон, который находится за ней, и сама переключает текст между темным и светлым, поэтому остается читаемой на любом цвете, фотографии или блоке. Если вы хотите зафиксировать внешний вид, установите data-theme на light или dark.
Будет ли конфликтовать виджет со стилями моего сайта?
Нет – карточка рендерится внутри Shadow DOM, функции браузера, которая полностью ее изолирует: CSS вашей темы не сможет случайно сломать виджет, а стили виджета не просочатся на вашу страницу.
Отображается ли он на языке моих посетителей?
Да – карточка считывает язык вашего сайта и автоматически показывает на нем свои надписи, на 30 языках. Французская страница получает карточку на французском, немецкая – на немецком; все, что еще не поддерживается, по умолчанию отображается на английском.
Не замедлит ли виджет загрузку моей страницы?
Нет – это один небольшой скрипт (менее 20 kB, без зависимостей), который загружается асинхронно после вашего контента, плюс один крошечный запрос данных. И если данные когда-либо не смогут загрузиться, карточка просто тихо перестанет работать, не ломая макет.
Могу ли я показать более одного пункта назначения?
Да – вставьте по одному фрагменту кода для каждого пункта назначения, и каждая карточка отрисуется независимо, так что отель с двумя локациями может показать обе. Скрипт нужно подключить только один раз на странице, но и дубликат не причинит вреда.
Какие пункты назначения доступны?
174 тщательно отобранных пляжа и прибрежных города по всему миру – от Средиземного моря и Атлантики до Карибского бассейна, Юго-Восточной Азии и Тихого океана. Поищите в списке выше; если вашего там нет, напишите на hello@seatempmap.com, и мы рассмотрим возможность его добавления.
Использует ли он файлы cookie и собирает ли данные посетителей?
Нет – виджет не устанавливает файлы cookie, ничего не хранит на устройствах ваших посетителей и не осуществляет отслеживание – никаких личных данных вообще. Он только запрашивает данные о температуре, поэтому его безопасно встраивать куда угодно, и он не повлияет на ваш баннер согласия на использование cookie или политику конфиденциальности.