HTML5 баннер любого формата, использующий метеорологические данные, получаемые в режиме реального времени через Weather API, путем подключения погодного модуля. В зависимости от погодных данных на момент показа креатива на странице, отображается соответствующий баннер из .zip архива, наиболее подходящий под текущие погодные условия. Смена изображений происходит в рамках одного креатива.
Метеорологические данные, доступные к использованию:
- температура (C, K, F),
- осадки (дождь, снег),
- облачность,
- сила ветра,
- время до восхода/заката.
Скачать архив с примером:
Инструкция по работе с архивом
- Распакуйте архив с примером.
- Для просмотра креатива, используйте страницу Предпросмотра;
- Откройте текстовым редактором файл body.html и отредактируйте часть кода, которая находится внутри тэгов <body> </body> (данные, внесенные вне этих тэгов, сохранены не будут).
- Отредактируйте JS файлы.
- Сохраните и заархивируйте все используемые материалы в ZIP формате (архив должен создаваться из файлов, а не из папки, в которой эти файлы находятся). Файл body.html должен находиться в корневой директории ZIP архива.
Подключение погодного модуля
Погодный модуль может быть подключен к любому HTML5 баннеру.
Погодный модуль добавляется как параметр функции при подключении globalHTML5Api:
- Показать шаблон параметра функции модуля
Методы
|
Функция
|
Аргументы
|
Метод |
Значение
|
|---|---|---|---|
| temperature(str){} | str K=Kelvin, C=Celsius(default), F=Fahrenheit | weather.temperature(str); | температура (по Цельсию, Кельвину, Фаренгейту); по умолчанию значение в градусах Цельсия |
| rain(){} | — | weather.rain(); | объем дождя за последние 3 часа, мм
— для light rain (от 0 до 1 mm/h) возвращает 0.5 |
| snow(){} | — | weather.snow(); | объем снега за последние 3 часа, мм
— для light show (от 0 до 0.5 mm/h) возвращает 0.25 |
| clouds(){} | — | weather.clouds(); | облачность, % |
| wind(){} | — | weather.wind(); | сила ветра, м/с |
| timeToSunrise(){} | — | weather.timeToSunrise(); | время до восхода солнца (в пределах 24 часов),
{
'will' : { //время до восхода
'h' : Number, //чч
'm' : Number, //мм
},
'was' :{//время после восхода
'h' : Number, //чч
'm' : Number, //мм
},
}
|
| timeToSunset(){} | — | weather.timeToSunset(); | время до заката (в пределах 24 часов),
{
'will' : { //время до заката
'h' : Number, //чч
'm' : Number, //мм
},
'was' :{//время после заката
'h' : Number, //чч
'm' : Number, //мм
},
}
|