Безкоштовний віджет температури моря та погоди для вашого сайту

Додайте безкоштовний віджет температури моря та погоди на свій сайт менш ніж за хвилину. Виберіть із 174 пляжів і прибережних міст по всьому світу, скопіюйте код для вставлення та додайте його в будь-якому місці сторінки – у підвал, бічну панель або статтю блогу. Картка з ефектом матового скла гармонійно поєднується з будь-яким дизайном, адаптує свої кольори до фону й автоматично відображає текст мовою вашого сайту. Вона показує поточну температуру води, повітря, погоду та УФ-індекс, працює на WordPress, Wix або звичайному HTML і оновлюється автоматично – без реєстрації.

Крок 1. Виберіть місце

Одиниці
Тема

Автоматична тема підлаштовується під вашу сторінку: аналізує фон і вибирає світлий або темний стиль для кращого поєднання.

Попередній перегляд

Це реальна робоча картка – саме те, що побачать ваші відвідувачі.

Скопіювати код

<!-- 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 km – це ті самі показники, які ви бачите на нашій карті світу. Температура повітря, погода та УФ-індекс беруться з глобальної стрічки в реальному часі, а картка оновлюється сама, поки ваша сторінка відкрита – ваші відвідувачі завжди бачать актуальні умови.

Чи відповідатиме він дизайну мого сайту?

Картка має дизайн матового скла: вона переймає фон, що знаходиться позаду неї, і сама перемикає текст між темним та світлим, тому залишається читабельною на будь-якому кольорі, фотографії чи секції. Якщо ви хочете зафіксувати зовнішній вигляд, встановіть data-theme на light або dark.

Чи конфліктуватиме віджет зі стилями мого сайту?

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

Чи відображається він мовою моїх відвідувачів?

Так – картка зчитує мову вашого сайту й автоматично показує нею свої написи, 30 мовами. Французька сторінка отримує картку французькою, німецька – німецькою; усе, що ще не підтримується, за замовчуванням відображається англійською.

Чи не сповільнить віджет завантаження моєї сторінки?

Ні – це один невеликий скрипт (менше ніж 20 kB, без залежностей), який завантажується асинхронно після вашого контенту, плюс один крихітний запит даних. І якщо дані колись не зможуть завантажитися, картка просто тихо перестане працювати замість того, щоб зламати ваш макет.

Чи можу я показати більше одного місця призначення?

Так – вставте по одному фрагменту коду для кожного місця призначення, і кожна картка відрендериться незалежно, тому готель із двома локаціями може показати обидві. Скрипт потрібно додати на сторінку лише один раз, але і його дублікат не завдасть жодної шкоди.

Які місця призначення доступні?

174 ретельно відібраних пляжі та прибережні міста по всьому світу – від Середземного моря й Атлантики до Карибського басейну, Південно-Східної Азії та Тихого океану. Шукайте у списку вище; якщо вашого немає, напишіть на hello@seatempmap.com, і ми розглянемо можливість його додавання.

Чи використовує він файли cookie і чи збирає дані відвідувачів?

Ні – віджет не використовує файли cookie, нічого не зберігає на пристроях ваших відвідувачів і не проводить жодного відстеження – взагалі ніяких особистих даних. Він лише запитує показник температури, тому його безпечно вбудовувати будь-куди, і це не вплине на ваш банер використання cookie або політику конфіденційності.