Как добавить виджет прогноза заката в реальном времени на ваш сайт

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

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

Что показывает виджет прогноза заката

Каждый виджет предоставляет посетителям основную информацию, которая им нужна, с первого взгляда:

• Оценка качества заката от 0 до 100
• Пояснение: Великолепно, Хорошо, Удовлетворительно или Плохо
• Время заката для выбранного местоположения
• Название местоположения или ваша собственная метка
• По желанию предложение, объясняющее прогноз
• Дополнительные погодные детали в пользовательском размере

Оценка представляется в виде цветовой кольцевой диаграммы, чтобы посетители могли понять прогноз перед чтением числа. Например, отель в Санторини может показывать прогноз для Оиа, в то время как оператор веб-камеры в Сан-Франциско может обозначить такой же виджет «Вид на Золотые Ворота».

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

Зачем добавлять виджет заката на ваш сайт?

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

Дайте посетителям практическую причину оставаться

Гид по местам назначения может описывать, где смотреть закат. Виджет добавляет отсутствующий вопрос: насколько многообещающим выглядит сегодняшний вечер? Посетители получают контекст для планирования, не уходя с вашей страницы в поисках другой информации.

Добавьте функцию без поддержки системы прогнозов

Погодные данные, оценка, метки, форматирование времени и автоматическое обновление уже подготовлены для вас. Установка — это короткий фрагмент встроенного кода, а не индивидуальный API-проект с собственным интерфейсом, обработкой ошибок и постоянным обслуживанием.

Соответствуйте информации вашей аудитории

Отель может захотеть изысканный прогноз для одного крыши. Туристический сайт может нуждаться в отдельных виджетах для Лиссабона, Порту и Мадейры. Фотограф может предпочесть компактную оценку рядом с гидом по местоположению. Каждый виджет привязан к одному месту, так что его контекст остается понятным.

Вписывайте виджет в ваш существующий дизайн

Выберите светлую, темную или автоматическую тему; выберите размер; и установите цвет акцента кольцевой диаграммы. Вы также можете заменить географическое название меткой, удобной для посетителей, такой как «Западная Терраса», «Камера на пляже» или «Старый Городской Смотровая Площадка».

Обслуживайте международных посетителей

Виджеты поддерживают 14 языков: английский, французский, немецкий, испанский, русский, португальский, японский, румынский, украинский, арабский, иврит, упрощенный китайский, хинди и итальянский. Вы также можете выбрать метрические или имперские единицы и 12-часовой или 24-часовой формат.

Как создать ваш первый виджет

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

1. Откройте конструктор виджетов

Откройте конструктор виджетов Sunset Predictor и экспериментируйте с общедоступным предварительным просмотром. Предварительный просмотр обновляется по мере изменения темы, размера, цвета, языка и других параметров отображения.

Когда вы будете готовы сохранить, войдите в систему или создайте бесплатную учетную запись. В своей панели управления виджетами выберите Создать виджет.

2. Назовите виджет для вашей панели управления

Введите короткое внутреннее название, такое как «Главная страница отеля Лиссабон» или «Веб-камера в Брайтоне». Посетители видят выбранную метку местоположения, а не это управленческое название, поэтому используйте что-то, что поможет вашей команде позже узнать этот виджет.

3. Найдите прогноз для местоположения

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

Вы также можете ввести дополнительное отображаемое имя. Это удобно, когда публичное обозначение места более специфично или известно, чем результат по городу. Например:

• Используйте «Наш вид с крыши» вместо «Бухарест, Румыния»
• Используйте «Пляж Копакабана» вместо «Рио-де-Жанейро, Бразилия»
• Используйте «Камера Северного Берега» вместо ближайшего населенного пункта

Выбирайте тщательно: местоположение прогноза виджета нельзя изменить после создания. Создайте новый виджет, если позже потребуется другое место. Отображаемое имя все еще можно изменить.

4. Выберите внешний вид и информацию

Используйте предварительный просмотр в реальном времени, пока вы настраиваете виджет. Оптимальные настройки зависят от того, где он будет отображаться:

Настройка	Опции	Практическое руководство
Тема	Светлая, темная, авто	Используйте авто, когда хост-сайт уже следует системной теме посетителя.
Размер	Компактный, стандартный, Пользовательский	Компактный подходит для боковых панелей; стандартный балансирует детали и пространство; Пользовательский добавляет погодную сетку.
Цвет акцента	Предустановки или пользовательский цвет	Соответствуйте цветовому бренду, сохраняя достаточный контраст вокруг кольцевой диаграммы.
Описание	Вкл или выкл	Добавьте краткое объяснение, почему прогноз получил свою оценку. Недоступно в компактном размере.
Язык	14 поддерживаемых языков	Соответствуйте языку страницы, где будет появляться виджет.
Единицы измерения	Метрические или имперские	Выберите формат, который ожидают ваши посетители.
Время	12-часовой или 24-часовой	Соответствуйте принятому в других частях вашего сайта формату.
Обновление	15–120 минут	Доступная частота зависит от плана аккаунта.

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

5. Создайте виджет и скопируйте код для встраивания

Выберите Создать виджет. Следующий экран показывает сохраненный предварительный просмотр и два варианта установки: Тег скрипта и iFrame.

Вариант встраивания	Лучше всего подходит для	Что нужно знать
Тег скрипта	Для большинства сайтов и пользовательских макетов	Загружается асинхронно и отображает виджет прямо на странице.
iFrame	Для CMS платформ или страниц, которые изолируют сторонний контент	Сохраняет виджет в собственном документе и включает автоматическую настройку высоты.

Вариант тега скрипта выглядит так, с вашим уникальным идентификатором виджета, вставленным автоматически:

<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>

Используйте кнопку Копировать код, а не редактируйте сгенерированный идентификатор вручную.

6. Вставьте фрагмент в ваш сайт

Добавьте код туда, где вы хотите, чтобы виджет появился. Точное размещение зависит от платформы:

• На сайте с пользовательским кодом поместите его в соответствующий шаблон страницы или блок контента.
• В WordPress используйте блок Custom HTML.
• В конструкторе страниц используйте элемент HTML, встроенного или кода.
• В CMS со строгими правилами скриптов попробуйте вариант iFrame.

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

Если ваша CMS блокирует код для встраивания или виджет не отображается, свяжитесь с поддержкой Sunset Predictor за помощью с установкой.

Что происходит после того, как виджет в живом режиме?

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

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

Панель управления также позволяет вам:

• Смотреть общее количество показов и кликов для каждого виджета
• Скопировать код для встраивания снова
• Приостанавливать и возобновлять виджет
• Редактировать его имя, метку, внешний вид, язык, единицы измерения, формат времени и частоту обновления
• Удалять виджет, который больше не нужен

Показ регистрирует отображение виджета, а клик регистрирует переход посетителя по ссылке виджета на Sunset Predictor. Эти подсчеты дают вам простой обзор использования без необходимости в отдельной аналитической системе для самого виджета.

Какой план подходит вашему сайту?

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

План	Виджеты	Ежемесячные просмотры	Самое быстрое обновление	Пользовательский размер	Удалить брендинг	Коммерческое использование
Бесплатный	1	2,000	120 минут	Нет	Нет	Нет
Pro	5	25,000	60 минут	Да	Да	Да
Бизнес	25	150,000	30 минут	Да	Да	Да
Корпоративный	Неограниченно	1,000,000	15 минут	Да	Да	Да

Если виджет достигает месячного лимита просмотров, он продолжает отображаться. Новые показ остаются без учета в этом месяце, и показывается брендинг Sunset Predictor. Это предотвращает превращение встроенной страницы в состояние ошибки просто потому, что трафик был выше ожидаемого.

Помните, что активные и приостановленные виджеты оба учитываются в плане количества виджетов. Удалите виджет, если он больше не нужен, и вы хотите освободить это место.

Практические способы использования виджета

Сильная размещение связывает прогноз с уже принимаемым решением посетителя.

Отели и курорты

Разместите стандартный виджет на страницах об удобствах, баре на крыше или местном опыте. Используйте общедоступное название собственности как метку отображения и сопоставьте акцентный цвет с брендом отеля.

Туристические и целевые сайты

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

Веб-сайты с веб-камерами и условиями серфинга

Разместите компактный виджет рядом с живой камерой или панелью текущих условий. Оценка заката добавляет быстрый контекст, не конкурентируя с видеопотоком.

Гиды по фотографии

Используйте пользовательский размер, чтобы показать облачность, вероятность дождя, видимость и ветер рядом с оценкой. Это дает читателям больший контекст при решении, стоит ли разведать местоположение или упаковывать оборудование.

Страницы событий и мест проведения

Для открытых площадок, где вид является частью впечатления, виджет поможет посетителям понять прогноз заката для фиксированного местоположения места проведения. Оставьте описание включенным, если ваша аудитория может извлечь пользу из объяснения оценки на простом языке.

Советы для успешного встраивания

Перед широким распространением виджета сделайте несколько осознанных решений:

1. Поместите его рядом с соответствующим контентом. Прогноз рядом с описанием крыши более полезен, чем тот, который скрыт в общем нижнем колонтитуле.
2. Используйте конкретную метку отображения. «Гавань Терраса» дает посетителям больше контекста, чем широкое название города, когда местоположение уже очевидно.
3. Соответствуйте языку страницы, единицам измерения и часам. Небольшие несоответствия делают встроенную функцию менее связанной с остальной частью сайта.
4. Сохраняйте плотность информации соответствующей. Компактный формат подходит для плотных макетов; пользовательский - когда погодные детали являются частью цели страницы.
5. Проверьте расположение на мобильных устройствах после установки. Виджет всего лишь часть страницы, поэтому проверьте, как он размещается рядом с вашими собственными заголовками, изображениями и кнопками.
6. Периодически изучайте показы. Они помогают увидеть, получает ли размещение трафик и соответствует ли ваш текущий план еще.

Заключение

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