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

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

• Банер (зображення з гіперпосиланням на сайт рекламодавця при кліку)
• Тизер (оголошення, яке включає в себе як зображення, так і інші елементи, які можна реалізувати з використанням 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. 

Важливо  

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

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

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

...

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

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

Для пояснення принципів відображення використаємо зображення нижче:
Image Modified

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

...

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

...

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

...

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

...

• • . 
• Синій

...

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

...

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

...

• • . 

...

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

...

(наприклад, логотип). Рекомендуємо використовувати зображення абстрактного характеру, яке може містити логотип компанії. Контент на зображенні бажано не розташовувати через ризик обрізання. 

...

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

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

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

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

Image Added

...

Важливо

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

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

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

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

...

• При недотриманні вимог ми не можемо гарантувати правильність відображення оголошення. 
• У разі перевищення кількості символів для заголовку - додаткові

...

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

...

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