Як додати віджет прогнозу заходу сонця на ваш вебсайт
Дізнайтеся, як додати віджет прогнозу заходу сонця на ваш вебсайт, налаштувати його дизайн і надати відвідувачам своєчасну інформацію для місцевого планування онлайн.

Стисло
Віджети Sunset Predictor додають живу, специфічну для локації оцінку якості заходу сонця та час заходу на ваш вебсайт. Виберіть розташування, розмір, тему, мову, одиниці виміру та частоту оновлення, перегляньте результат, а потім вставте згенерований код скрипта або iframe на свій сайт. Ви можете редагувати, призупиняти та відстежувати віджет пізніше.
Вашим відвідувачам не потрібно відкривати інший додаток погоди, щоб вирішити, чи варто сьогодні планувати щось. Віджет прогнозу заходу сонця надає відповідь безпосередньо на вашому вебсайті, поруч із інформацією про кімнату, напрямок, вебкамеру або фотографії, які вони вже переглядають.
Віджети Sunset Predictor перетворюють фіксовану локацію на автоматично оновлюваний прогноз, який ви можете використовувати без побудови власної інтеграції погоди. Це компактна та корисна функція для видавців подорожей, готелів, туристичних вебсайтів, сторінок з вебкамерами та фотографів.
Що показує віджет прогнозу заходу сонця
Кожен віджет надає відвідувачам основну інформацію, яку вони можуть отримати миттєво:
- Оцінка якості заходу сонця від 0 до 100
- Чітка оцінка: Епічний, Хороший, Справедливий або Слабкий
- Локальний час заходу сонця для обраної локації
- Ім'я локації або ваша власна етикетка
- Необов'язкове речення, що пояснює прогноз
- Необов'язкові деталі погоди для кастомного розміру
Оцінка представлена у кольоровому кодуванні, щоб відвідувачі могли зрозуміти прогноз ще до читання числа. Наприклад, готель на Санторіні може відобразити прогноз для Оії, тоді як оператор вебкамери у Сан-Франциско може назвати той самий тип віджета "Вид на Золоті Ворота".
Кастомний розмір також може показувати обрані погодні умови: температура, покриття хмарами, ймовірність дощу, вологість, вітер, видимість, тиск і якість повітря. Ви самі обираєте, які значення будуть відображати і в якому порядку відвідувачі їх бачать.
Чому варто додати віджет заходу сонця на свій вебсайт?
Віджет має найбільшу цінність, коли умови заходу сонця впливають на те, що ваші відвідувачі планують робити. Він додає релевантну, динамічно змінювану інформацію на сторінку, яка інакше могла б залишатися статичною.
Надати відвідувачам практичну причину залишитися
Гід по локації може описати, де спостерігати захід сонця. Віджет додає відсутнє питання: наскільки багатообіцяюче виглядає сьогоднішній вечір? Відвідувачі отримують корисний контекст для планування без необхідності залишати вашу сторінку і шукати інформацію в іншому місці.
Додати функцію без підтримки системи прогнозування
Погодні дані, оцінки, етикетки, форматування часу та автоматичне оновлення оброблюються для вас. Встановлення полягає у короткому сніпеті вставки, а не в індивідуальному проекті API зі своєю інтерфейсом, обробкою помилок та постійною підтримкою.
Підкресліть інформацію для вашої аудиторії
Готель може захотіти вишуканий прогноз для одного даху. Туристичний вебсайт може потребувати окремих віджетів для Лісабона, Порту та Мадейри. Фотограф може віддати перевагу компактній оцінці біля гіда локації. Кожен віджет пов'язаний з однією локацією, тому його контекст залишається зрозумілим.
Вставте віджет у ваш наявний дизайн
Виберіть світлу, темну або автоматичну тему; виберіть розмір; і встановіть акцентний колір кільця оцінки. Ви також можете замінити географічну назву дружньою до відвідувачів етикеткою, такою як "Західна тераса", "Пляжна камера" або "Староміська вежа".
Обслуговуйте міжнародних відвідувачів
Віджети підтримують 14 мов: англійську, французьку, німецьку, іспанську, російську, португальську, японську, румунську, українську, арабську, іврит, спрощену китайську, хінді та італійську. Ви також можете обрати метричні або імперські одиниці та 12-годинний або 24-годинний формат годинника.
Як створити свій перший віджет
Ви можете спробувати конструктор та живий прев’ю перед входом в систему. Обліковий запис потрібен лише, коли ви хочете зберегти віджет і отримати його код вставки.
1. Відкрийте конструктор віджетів
Відкрийте конструктор віджетів Sunset Predictor і експериментуйте з публічним прев'ю. Попередній перегляд оновлюється, коли ви змінюєте тему, розмір, колір, мову та інші налаштування відображення.
Коли ви будете готові зберегти, увійдіть або створіть безкоштовний обліковий запис. На панелі управління віджета виберіть Створити віджет.
2. Назвіть віджет для своєї панелі керування
Введіть коротку внутрішню назву, наприклад "Головна сторінка готелю Лісабон" або "Вебкамера Брайтона". Відвідувачі бачать вибрану етикетку локації, а не цю управлінську назву, тому використовуйте таку, яка допоможе вашій команді пізніше розпізнати віджет.
3. Пошук розташування прогнозу
Введіть не менше трьох символів і виберіть правильне місто із результатів. Обрані координати визначають прогноз і місцевий час заходу сонця.
Ви також можете ввести необов’язкову відображувану назву. Це корисно, коли публічне місце має більш конкретну або знайому назву, ніж результат міста. Наприклад:
- Використовуйте "Наш вигляд із даху" замість "Бухарест, Румунія"
- Використовуйте "Пляж Копакабана" замість "Ріо-де-Жанейро, Бразилія"
- Використовуйте "Northern Shore Camera" замість найближчого муніципалітету
Оберіть уважніше: місце прогнозу віджета не можна змінити після створення. Створіть новий віджет, якщо згодом вам знадобиться інше місце. Відображувану назву все ще можна редагувати.
4. Виберіть зовнішній вигляд та інформацію
Використовуйте живий прев'ю під час налаштування віджета. Найкращі налаштування залежать від того, де він буде відображатися:
| Налаштування | Опції | Практичні поради |
|---|---|---|
| Тема | Світла, темна, авто | Використовуйте "авто", коли хост-вебсайт уже слідкує за системною темою відвідувача. |
| Розмір | Компактний, стандартний, кастомний | Компактний підходить для бічних панелей; стандартний балансує деталі та простір; кастомний додає погодну сітку. |
| Акцентний колір | Заздалегідь встановлені або кастомні кольори | Підберіть бренд-колір, зберігаючи достатній контраст навколо оцінки. |
| Опис | Ввімкнено або вимкнено | Додайте коротке пояснення, чому прогноз отримав свою оцінку. Недоступно в компактному розмірі. |
| Мова | 14 підтримуваних мов | Виберіть мову сторінки, на якій буде відображатися віджет. |
| Одиниці виміру | Метричні або імперські | Оберіть формат, який ваші відвідувачі очікують. |
| Час | 12-годинний або 24-годинний | Підберіть конвенцію, використану деінде на вашому вебсайті. |
| Оновлення | 15 до 120 хвилин | Доступна частота залежить від плану облікового запису. |
Для кастомного розміру виберіть та змініть порядок будь-яких погодних деталей, які мають значення для вашої аудиторії. Фотограф може віддати перевагу хмарам, видимості та ймовірності дощу. Готель може приділяти більшу увагу температурі, хмарам та вітру.
5. Створіть віджет і скопіюйте код вставки
Виберіть Створити віджет. На наступному екрані відображається збережений перевірочний перегляд і два варіанти встановлення: Script Tag та iFrame.
| Опція вставки | Найкраще для | Що потрібно знати |
|---|---|---|
| Script Tag | Більшість вебсайтів і кастомних макетів | Завантажується асинхронно та відображає віджет безпосередньо на сторінці. |
| iFrame | Платформи CMS або сторінки, які ізолюють сторонній контент | Залишає віджет у своєму документі й включає автоматичне регулювання висоти. |
Опція Script Tag виглядає так, вставляючи ваш унікальний ID віджета автоматично:
<div id="sunset-widget-wgt_your_widget_id"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
data-widget-id="wgt_your_widget_id"
async></script>
Використовуйте кнопку Скопіювати код замість вручну редагування згенерованого ID.
6. Вставте фрагмент на ваш вебсайт
Додайте код там, де ви хочете, щоб віджет з'являвся. Точне розташування залежить від платформи:
- На сайті з кастомним кодом, помістіть його у відповідний шаблон сторінки або блок контенту.
- В WordPress, використовуйте блок Custom HTML.
- В конструкторі сторінок, використовуйте HTML, вставку або елемент коду.
- У CMS з суворими правилами щодо скриптів, спробуйте iFrame опцію.
Опублікуйте або оновіть сторінку, потім відкрийте живий URL і перевірте віджет як на настільному, так і на мобільному пристрої. Переконайтеся, що локація, мова, формат годинника, одиниці виміру та простір підходять сторінці навколо неї.
Якщо ваш CMS блокує код вставки або віджет не відображається, зверніться в підтримку Sunset Predictor за допомогою з установкою.
Що відбувається після того, як віджет запускається?
Віджет автоматично запитує нові дані прогнозу відповідно до налаштованого інтервалу оновлення. Інтервал, доступний вам, залежить від вашого плану, від кожних 120 хвилин на Безкоштовному до кожних 15 хвилин на Enterprise.
Вам не потрібно замінювати код вставки, коли ви змінюєте більшість налаштувань. Відкрийте віджет з вашої панелі, оновіть його зовнішній вигляд або параметри відображення та збережіть. Зміни до вже вбудованого віджета з'являються протягом декількох хвилин.
Панель управління також дозволяє вам:
- Переглянути загальну кількість показів і кліків для кожного віджета
- Знову скопіювати код вставки
- Зупинити та відновити віджет
- Редагувати його назву, етикетку, зовнішній вигляд, мову, одиниці виміру, формат часу та інтервал оновлення
- Видалити віджет, який вам більше не потрібен
Показ фіксує відображення віджета, а клік фіксує відвідувача, що перейшов за посиланням з віджета на Sunset Predictor. Ці підрахунки дають вам простий огляд використання без необхідності окремого налаштування аналітики для самого віджета.
Який план підходить для вашого вебсайту?
Ви можете створити один брендовий віджет на Безкоштовному плані. Платні плани підтримують комерційне використання, більше віджетів, вищі обмеження місячних показів, швидші оновлення, кастомний розмір і необов'язкове видалення брендування. Ви можете порівняти поточні плани та ціни перед вибором тарифу.
| План | Віджети | Місячні перегляди | Найшвидше оновлення | Кастомний розмір | Видалення брендування | Комерційне використання |
|---|---|---|---|---|---|---|
| Безкоштовно | 1 | 2,000 | 120 хвилин | Ні | Ні | Ні |
| Pro | 5 | 25,000 | 60 хвилин | Так | Так | Так |
| Business | 25 | 150,000 | 30 хвилин | Так | Так | Так |
| Enterprise | Необмежено | 1,000,000 | 15 хвилин | Так | Так | Так |
Якщо віджет досягає свого місячного обмеження переглядів, він продовжує відображати. Нові покази перестають підраховуватися в цей місяць, і відображається брендування Sunset Predictor. Це уникає перетворення вбудованої сторінки на стан помилки просто тому, що трафік був вищим, ніж очікувалося.
Пам'ятайте, що активні та припинені віджети обидва враховуються в кількості віджетів, дозволених вашим планом. Видаліть віджет, якщо він більше не потрібен і ви хочете звільнити це місце.
Практичні способи використання віджета
Найсильніше розміщення зв'язує прогноз з рішенням, яке відвідувач уже приймає.
Готелі та курорти
Помістіть стандартний віджет на сторінку зручностей, бару на даху або місцевих вражень. Використовуйте назву з публічного простору як відображену етикетку та підберіть акцентний колір до бренду готелю.

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

Вебсайти з вебкамерами та серфінгом
Розмістіть компактний віджет біля живої камери або панелі поточних умов. Оцінка заходу швидко додає контекст без конкуренції з відеопотоком.

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

Сторінки подій та місць проведення
Для відкритих місць, де вид є частиною враження, віджет може допомогти відвідувачам зрозуміти прогноз заходу для фіксованого місця проведення. Залиште опис увімкненим, якщо ваша аудиторія отримує користь від пояснення оцінки простою мовою.

Поради для кращої вставки
Перед тим, як ширше публікувати віджет, зробіть кілька усвідомлених виборів:
- Розмістіть його біля пов'язаного контенту. Прогноз біля опису даху є більш корисним, ніж той, що при ховається в загальному футері.
- Використовуйте специфічну етикетку. "Тераса гавані" надає відвідувачам більше контексту, ніж загальна назва міста, коли місце вже очевидне.
- Підберіть мову сторінки, одиниці виміру та годинник. Невеликі невідповідності роблять вбудовану функцію відчуженою від решти вебсайту.
- Зберігайте щільність інформації відповідною. Компактний підходить для затісних макетів; кастомний підходить, коли погодна деталь є частиною мети сторінки.
- Перевірте мобільний простір після установки. Віджет - це лише одна частина сторінки, тому перевірте, як він поєднується з вашими заголовками, зображеннями та кнопками.
- Періодично переглядайте покази. Вони допоможуть вам побачити, чи отримує ваше розміщення трафік і чи ваш поточний план все ще підходить.
Висновок
Віджет прогнозу заходу сонця перетворює змінні погодні дані на просту, релевантну функцію вебсайту. Оберіть одне значуще розташування, налаштуйте дизайн під вашу аудиторію, вставте згенерований код вставки та керуйте віджетом з однієї панелі управління. Ви можете переглянути та створити свій перший віджет перед тим, як вирішити, де він буде розміщений на вашому вебсайті.
FAQ
Чи потрібно мені бути розробником, щоб додати віджет заходу сонця?
Ні. Налаштуйте віджет у візуальному конструкторі, скопіюйте згенерований скрипт або фрагмент iframe і вставте його в HTML або блок вставки на вашому вебсайті. Деякі керовані платформи можуть вимагати дозволу на додавання кастомного коду.
Чи можу я змінити віджет після його вставки?
Так. Ви можете оновити його відображувану етикетку, тему, розмір, акцентний колір, мову, одиниці виміру, формат часу, опис, погодні елементи та інтервал оновлення. Збережені зміни з'являються на наявних вставках протягом кількох хвилин. Саме розташування прогнозу не може бути змінено.
Що відбувається, якщо досягнуто обмеження переглядів віджета на місяць?
Віджет продовжує відображати. Додаткові покази перестають підраховуватися на місяць, і відображається брендування Sunset Predictor. Місячні обмеження на перегляди залежать від плану облікового запису.
Чи варто використовувати вставку через скрипт або iframe?
Скрипт є хорошим варіантом за замовчуванням для більшості вебсайтів. Використовуйте iframe, коли ваш CMS ізолює сторонній контент або не дозволяє вставку скрипта. Обидва варіанти генеруються автоматично для кожного віджета.