Площадка, Креативы, FAQ, Баннерная слепота,
20 мин. на прочтение

Настройка рекламных блоков в Oblivki.biz: работа с конструктором

Софья Маршалова
Опубликовала: Софья Маршалова
21 июня, 2020 года
young man building blocks

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

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

Настройка рекламных блоков в Oblivki.biz: основные принципы

Конструктор блоков Oblivki.biz: инструкция

В этом разделе мы разберем возможные настройки при создании рекламного блока и покажем, как создавать наиболее профитные форматы. Сначала мы изучим «матчасть», а затем приведем наглядный пример, чтобы закрепить знания.

Если у вас есть идеи по дизайну блоков, выходящие за рамки стандартных возможностей конструктора, либо вам просто нужна помощь с настройкой, вы всегда можете обратиться к нам: создайте тикет в личном кабинете на сайте или напишите в Telegram (@oblivkisupport).

Предпросмотр изменений

Мы и раньше призывали не забывать об это фиче, но стоит напомнить про нее еще раз. Предпросмотр поможет не опубликовать ненужные изменения. Экспериментируйте с блоками, а затем просто посмотрите, что делает тот или иной пункт настроек в «безопасном» режиме.

Вкладка «Общие настройки»

Сейчас мы научимся работать с основными настройками рекламных блоков, которые находятся на вкладке Общие настройки в конструкторе блоков Oblivki.biz.

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

При размещении рекламы после основного контента сайта (после статьи, под плеером и т. д.), оптимальным вариантом будет блок в две-три строки с тремя-четырьмя объявлениями в каждой из строк.

Для создания вертикального блока в пункте Объявлений в строке выбираем «1», а в пункте Число строк с объявлениями устанавливаем нужное количество строк. Размер блока автоматически масштабируется в зависимости от количества объявлений и свободного места в родительском блоке, если только размеры не заданы вручную. Так что волноваться на этот счет не стоит: просто выбираем нужную размерность.

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

При включении пункта Добавлять рекламный маркер в правом верхнем углу блока появится небольшой значок, который при наведении превращается в строку «Oblivki-реклама», а при клике ведет на сайт Oblivki.biz.

Вкладка «Блок объявлений»

На данной вкладке задаются настройки для всего рекламного блока. Если, к примеру, вам требуется изменить отступы между отдельными объявлениями внутри блока, сделать это можно на вкладке Блоке объявления.

В пункте настроек Максимальная ширина можно задать размер, который будет занимать блок объявлений по горизонтали. Мы рекомендуем настраивать этот параметр только в тех случаях, когда вы ясно понимаете цель. Автоматические настройки отлично подойдут, и ничего не «сломается».

Настройка Отступы внутри блока задает отступ от внешней границы блока до объявлений внутри него. Понять смысл будет проще, если «покрутить» настройки, кликнуть на Предпросмотр в конструкторе и оценить изменения.

В разделе Рамка можно включить обрамление для всего блока объявлений. Такой вариант оформления может привести к хорошим результатам: все зависит от дизайна сайта и места расположения блока. Используя цвета из UI-kit’а вашего сайта для обрамления, можно добиться эффекта «нативности». Также можно ненавязчиво выделить рекламный блок в том случае, если он уходит на второй план по сравнению с другими элементами веб-сайта.

Для вкладки Фон возможны два варианта настроек: 1) если основной цвет фона вашего сайта белый, то белый фон блоков будет с ним хорошо сочетается, и менять ничего не нужно; 2) если фон сайта отличен от белого (особенно, если на сайте преобладают темные тона), то и для блоков стоит установить такой цвет. Если выбрали второй вариант, то поменять цвет фона нужно как на текущей вкладке, так и на вкладке Объявление, а также не забудьте поменять цвет текста объявлений на более светлый.

Цвета в нашем конструкторе можно задавать как в формате шестнадцатеричных значений (#012345, #111, #fff), так и в RGB/RGBA. Задать прозрачный цвет можно с помощью rgba(0, 0, 0, 0), полупрозрачный — rgba(0, 0, 0, 0.5).

Вкладка «Объявление»

В этой вкладке настройки почти такие же, что и на предыдущей вкладке. Здесь мы впервые встречаем иконку в виде руки:

Эта иконка задает настройки для элемента при ховере, наведении на него курсором.

Пункт настроек Внутренний отступ изменяет расстояние между объявлениями. Пунктов Рамка и Фон мы уже касались выше — тут они работают по такому же принципу.

Масштабирование объявления по наведению — это новая для нас настройка. Если ее включить, то объявления будут масштабироваться при ховере. Это может быть полезным для привлечения внимания к рекламным блокам. Попробуйте применить настройку, оцените результат с предпросмотром и используйте, если понравится результат — негативной статистики с использованием этой фичей замечено не было, но и прирост показателей бывает не всегда.

Вкладка «Картинка»

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

Формат изображения (соотношение сторон). Как показывает практика, для блоков вида «текст под фото» лучше подходят форматы 4:3 и 1:1. Формат 16:9 нужно использовать для горизонтальных блоков.

Пункты Ширина картинки относительно ширины объявления и Максимальная ширина картинки также работают только для горизонтальных блоков. Что делают настройки, пожалуй, понятно из их названия. Стоит менять дефолтные на собственные только с четким пониманием необходимости в этом, так как в объявлении по умолчанию отведено свободное место под текст и под картинку. Если нарушить пропорции, то при больших объемах текста в некоторых объявлениях может слететь верстка.

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

Рамка и Масштабирование картинки по наведению — тут все работает так же, как и на предыдущей вкладке, но только для картинки, креатива. 

Вкладка «Текст»

Настройки на данной вкладке будут разделены на две части: Заголовок и описание и Мотивирующий текст. Расскажем про обе части в порядке очереди.

Заголовок и описание

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

Размер шрифта заголовка и Размер шрифта описания лучше сделать одинакового размера. Для десктопа это — 15-16px, а для мобильных устройств — 17-18px.

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

Когда речь заходит о настройках Цвет текста заголовка и Цвет текста описания, то для большинства сайтов оптимальным вариантом будет черный цвет (#111) без изменений при наведении курсора. Если чувствуете желание экспериментировать, то можно пробовать и что-то более оригинальное. Главное — не переборщить. Помните, что серый и другие блеклые цвета читаются плохо.

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

Выравнивание по центру по вертикали применимо только к горизонтальным блокам. Тут также стоит пробовать и смотреть на то, как блоки будут вписываться в общую стилистику веб-ресурса — жестких правил нет.

Мотивирующий текст

Тут сразу стоит объяснить терминологию: мотивирующий текст — это подписи «Читать дальше», «Смотреть», «Подробнее» под описанием рекламного блока.

Теперь подробнее про то, как настраиваются эти подписи.

Галочка Добавлять в объявления, как понятно из названия, определяет: будут ли блоки иметь мотивирующий текст или нет.

И в пункте Текст мы можем выбрать один из вариантов мотивирующего текста: «Читать дальше», «Смотреть» или «Подробнее».

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

Отступы лучше использовать дефолтные, они настроены оптимально. Имеет смысл что-то менять в данном пункте только при нестандартном внешнем виде блоков.

Шрифт и Размер шрифта выбираем такие же, как и для текста в объявлении.

В Стилях начертания стоит включить подчеркивание при наведении. Это добавит объявлению интерактивности и апеллирует к привычному юзабилити, ведь ссылки зачастую подчеркивается при наведении.

Цвет текста лучше задать отличный от основного текста объявление. Хорошей практикой будет использование контрастного цвета из палитры сайта.

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

Пример универсального блоков

Ниже мы покажем «золотой стандарт» размещения блоков, подходящий почти для каждого веб-сайта. Если такой блок вам все же не подходит, то скорее всего вы уже узнали о нужных исправлениях из статьи, а если и нет, то всегда можете обратиться за помощью к личному менеджеру.

Количество строк и объявлений можно сделать больше, но все же не стоит делать объявления слишком длинными. Слишком маленькое количество объявлений в блоке — это тоже не очень хорошо, поскольку в этом случае они масштабируются, и внешний вид может портится.

Какие настройки применены к блокам

Положение текста: текст под картинкой

Объявлений в строке: 3

Число строк с объявлениями: 2

Формат изображения: 4:3

Шрифт заголовка и описания: Arial

Размер шрифта заголовка и описания: 16px

Стили начертания заголовка и описания: жирный

Цвет текста заголовка и описания: #111111

Мотивирующий текст зафиксирован внизу справа

Шрифт мотивирующего текста: Arial

Размер шрифта мотивирующего текста: 16px

Стили начертания мотивирующего текста: жирный, с подчеркиванием при наведении

Цвет шрифта мотивирующего текста: #c91313

Надеемся, эта статья дала понимание о том, как работать с конструктом блоков в Oblivki.biz. Конечно, возможности почти не ограничены, и можно сделать гораздо более сложные блоки. Советуем не отказываться от нашей помощи: создайте тикет в личном кабинете или напишите в Telegram (@oblivkisupport). 

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

 

Категории: Площадка Креативы FAQ Баннерная слепота


Рекомендуемые статьи


young man building blocks

Настройка рекламных блоков в Oblivki.biz: работа с конструктором

young man building blocks

Настройка рекламных блоков в Oblivki.biz: основные принципы

young man building blocks

Пошаговый план для монетизации сайта

young man building blocks

Подготовка сайта к монетизации: основные способы

young man building blocks

Как веб-мастеру начать работать с Oblivki.biz

young man building blocks

Как зарабатывать на блоге о красоте: способы монетизации