Шаблон в інтерфейсі: HTML5 Banner, HTML5 Float
У прикладі банера зміна
фону, іконок і кольору шрифту залежить від параметрів на момент перегляду
банера: час доби (день/ніч), сезон (літо/зима), опади, хмарність.
Нижня плашка в прикладі, її вигляд і вміст опціональні.
HTML5 банер будь-якого формату, який використовує метеорологічні дані, отримані в режимі реального часу через Weather API,
шляхом підключення модуля погоди. Залежно від погодних даних на
момент показу креативу на сторінці, відображається відповідний банер
із .zip архіву, який найкраще підходить під поточні погодні умови. Зміна
зображень відбувається в рамках одного креативу.
Метеорологічні дані, доступні до використання:
- температура (C, K, F),
- опади (дощ, сніг),
- хмарність,
- сила вітру,
- час до сходу/заходу.
Завантажити архів з прикладом:
Завантажити
Інструкція по роботі з архівом
- Розпакуйте архів з прикладом.
- Для перегляду креатива, використовуйте сторінку Попереднього перегляду;
- Відкрийте текстовим редактором файл body.html і відредагуйте частину коду, яка знаходиться всередині тегів <body> </body> (дані,
внесені поза цими тегами, збережені не будуть).
- Відредагуйте JS файли.
- Збережіть і заархівуйте всі використовувані матеріали в ZIP форматі
(архів повинен створюватися з файлів, а не з папки, в якій ці файли
знаходяться). Файл body.html повинен знаходитися в кореневій директорії ZIP архіва.
Підключення погодного модуля
Погодний модуль може бути підключений до будь-якого HTML5 баннера.
Погодний модуль додається як параметр функції під час підключення globalHTML5Api:
- Показати шаблон параметра функції модуля
globalHTML5Api.on('load', function(weather){
/*
YOUR CODE IS HERE
*/
})
Методи
Функція
|
Аргументи
|
Метод |
Значення
|
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
— для moderate rain (от 1 до 4 mm/h) повертає 2.5
— для heavy intensity rain (от 4 до 16 mm/h) повертає 10
— для very heavy rain (от 16 до 50 mm/h) повертає 33
— для extreme rain (более 50 mm/h) повертає 50
— значення за замовчуванням – 100 |
snow(){} |
— |
weather.snow(); |
обсяг снігу за останні 3 години, мм
— для light show (от 0 до 0.5 mm/h) повертає 0.25
— для snow (от 0.5 до 5 mm/h) повертає 2.75
— для heavy snow (более 5 mm/h) повертає 5
— значення за замовчуванням – 10 |
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, //мм
},
}
|
Якщо зміна
зображення/банера прив'язується, наприклад, до діапазонів температури
повітря, то задані діапазони мають покривати всі можливі значення
температури; аналогічно з іншими параметрами.