-1.webp)
Сегодня расскажем о том, как работать с конструктором блоков 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 позволяют издателям расширять аудиторию, привлекать постоянных клиентов и получать доход. Зарегистрируйтесь или войдите в свою учетную запись.
