Вигляд рекламного оголошення та його розміщення 

Оголошення може бути реалізовано як:

• Банер (зображення з гіперпосиланням на сайт рекламодавця при кліку)
• Тизер (оголошення, яке включає в себе як зображення, так і інші елементи, які можна реалізувати з використанням HTML, CSS, JS. На тизері клікабельне зображення і кнопка. Містять в собі гіперпосилання на сайт рекламодавця.

Необхідно мати можливість реалізовувати Тизер, як HTML-шаблон зі стилями, які вписані в нього (без окремих CSS файлів). 

Макети ТУТ

Вимоги до оголошення

• Ліва частина - зображення
  • На мобільному вигляді зображення міститься в верхній частині тизеру 
  • На зображення накладається елемент "Реклама" у верхньому лівому куті зображення
    • При наведенні курсора на "Реклама" має зʼявитися tooltip з підказкою. Текст підказки вище в вимогах. 
    • На планшеті\мобільному, tooltip відображається при натисканні на елемент "Реклама"
  • Зображення не клікабельне
  • При масштабуванні екрану залишаємо співвідношення сторін зображення 1:1
• Права частина - блок з текстом + кнопка
  
  • На мобільному вигляді блок з текстом міститься в нижній частині тизеру 
  • Заголовок 
    • Обовʼязкове поле
    • Кількість символів від 1 до 60
    • Не має скорочуватись за "...". Якщо не вміщається в три тядки - переносити на чертвертий без скорочень.
    • Елемент не клікабельний
  • Опис 
    • Обовʼязкове поле
    • Кількість символів від 1 до 270
    • Має вміщуватись в чотири рядка. Все інше під "..." (на відповідальність контент менеджера перевірка відображення)
    • Елемент не клікабельний
  • Маркований список 
    • Не обовʼязковий елемент
      • За відсутності - не відображати нічого
    • Максимум 4 елементи в переліку (чотири доти)
    • В кожній позиції (доті) максимум 30 символів
    • Елемент не клікабельний
  • Кнопка 
    
    • Обовʼязкова
    • Текст кнопки обмежуємо 20 символами
    • При натисканні на кнопку в новому вікні відкривається URL, який закладається при конфігурації.
  •  Ми можемо використовувати лише базові шрифти. Можливості використовувати кастомні шрифти немає (на дизайні e-Ukraine, в оголошеннях використовуємо sans-serif) 

Вимоги до рекламного оголошення на модулі аукціонів

Ліва частина (для десктопа) / Верхня частина (для планшета та мобільного). Є зображенням. 

...

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

...

Склад рекламного оголошення

Рекламне оголошення містить у собі:

• Зображення
• Заголовок оголошення
• Опис оголошення:
  • Текст
  • Маркований перелік
• Посилання на зовнішній ресурс

Зовнішній вигляд (дизайн оголошення) буде виконано в корпоративній стилістиці Прозоро.Проджі (шрифт, колір шрифту, розмір шрифту, зовнішній вигляд кнопки і тому подібне). 

...

Вимоги до рекламного оголошення

Для коректного відображення вашого рекламного оголошення необхідно притримуватись наступних вимог до зображення та контенту.

Вимоги до зображення

Зображення має відповідати наступним вимогам:

• Співвідношення сторін: 1:1
• Тип файлу: .PNG, .JPEG.
• Максимальна вага:  2MB

Права частина (для десктопа) / Нижня частина (для планшета та мобільного). Складається з кількох елементів. 

• Заголовок. Є обов'язковим полем. Кількість символів - від 1 до 70. Максимальна кількість строк - 3. 
• Опис. Є обов'язковим полем. Кількість символів - від 1 до 125. Максимальна кількість строк - 4. 
• Маркований список. Не є обов'язковим полем. Можливо додати від 1 до 4 пунктів. Обмеження по кількості символів для одного пункта - від 1 до 30 символів. Максимальна кількість строк на 1 пункт - 2. 
• Кнопка. Є обов'язковим полем. Кількість символів - від 1 до 20. Є єдиним клікабельним елементом для переходу за оголошенням. Максимальна кількість строк - 1. 

Важливо  

• При недотриманні вимог ми не можемо гарантувати правильність відображення оголошення. 
• У разі перевищення кількості символів для заголовку - додаткові строки буде перенесено на наступний рядок, але в цьому випадку ми не зможемо гарантувати правильність відображення оголошення. 
• У разі перевищення кількості символів для опису - зайві символи буде приховано, а текст буде закінчуватись трьома крапками.
• Після кліку на кнопку, рекламне оголошення відкриється тільки в новому вікні. 
• Прохання врахувати, що в верхньому правому куті оголошення міститься ярлик "Реклама", тому не бажано розташовувати логотип в тій зоні. 

Вимоги до рекламного оголошення на порталі

Ліва частина (для десктопа) / Верхня частина (для планшета та мобільного). Є зображенням. 

Відображення на різних пристроях

Зверніть увагу, що в залежності від того, з якого пристрою ви будете переглядати рекламне оголошення зображення буде відображатись по різному.

Для пояснення принципів відображення використаємо зображення Зображення. Для порталу для коректного відображення необхідно надати декілька зображень: 1:1, 4:3, 16:9. Таким чином ми зможемо охопити велику кількість розширень екрана з мінімальною втратою контенту. У випадку, якщо завантажено лише одне зображення 1:1, тоді необхідно звернути увагу на сітку нижче:

• Білий квадрат - стандартне зображення 1:1. Воно буде відображатись на

...

• комп'ютері.
• Червоний

...

• прямокутник - зона, яку буде відображено на мобільному

...

• .
  • Уявімо, що було надано зображення розміром 1000х1000 пікселів. В такому випадку відріжеться 125 пікселів зверху та 125 пікселів знизу, та приблизно по 3 пікселі зліва та справа

...

• • . 
• Синій

...

• прямокутник - зона, яку буде відображено на планшеті

...

• .
  • Для прикладу, при завантаженому зображенні 1000х1000 пікселів, буде обрізано по 187 пікселів зверху та знизу

...

• • . 

Якщо надати тільки одне зображення, формат має бути обов'язково 1:1, але потрібно врахувати, Враховуйте, що найважливіші елементи на зображенні потрібно розташувати в синій зоні, тобто приблизно в центрі зображення, таким чином ми зможемо гарантувати те, що користувач буде завжди бачити потрібні елементи . 
Зображення має бути (наприклад, логотип). Рекомендуємо використовувати зображення абстрактного характеру, яке може містити логотип компанії. Контент на зображенні бажано не розташовувати через ризик обрізання. 

Додаткові вимоги:

• Тип файлу: .PNG, .JPEG.
• Максимальна вага:  2MB

Права частина (для десктопа) / Нижня частина (для планшета та мобільного). Складається з кількох елементів. 

• Заголовок. Є обов'язковим полем. Кількість символів - від 1 до 70. Максимальна кількість строк - 3. 
• Опис. Є обов'язковим полем. Кількість символів - від 1 до 125. Максимальна кількість строк - 4. 
• Маркований список. Не є обов'язковим полем. Можливо додати від 1 до 4 пунктів. Обмеження по кількості символів для одного пункта - від 1 до 30 символів. Максимальна кількість строк на 1 пункт - 2. 
• Кнопка. Є обов'язковим полем. Кількість символів - від 1 до 20. Є єдиним клікабельним елементом для переходу за оголошенням. Максимальна кількість строк - 1. 

...

Вимоги до опису оголошення

Описова частина рекламного оголошення може містити:

1. Заголовок
2. Текст
3. Маркований перелік
4. Посилання на зовнішній ресурс

Відповідні номерам елементи ви можете побачити на прикладі:

Image Added

...

Важливо

...

• При недотриманні вимог ми не можемо гарантувати правильність відображення оголошення. 
• У разі перевищення кількості символів для заголовку - додаткові строки рядки буде перенесено на наступний рядок, але в цьому випадку ми не зможемо гарантувати правильність відображення оголошення. 
• У разі перевищення кількості символів для опису - зайві символи буде приховано, а текст буде закінчуватись трьома крапками.
• Після кліку на кнопку, рекламне оголошення відкриється відкриється тільки в новому вікні. 
• Прохання врахувати, що в верхньому правому куті оголошення міститься ярлик "Реклама", тому не бажано розташовувати логотип в тій зоні.