Создание и редактирование баннеров

Раздел «Баннеры» — основной рабочий список рекламных материалов. В нём видны активность, название, код, группа, тип, язык, показы, клики и CTR.

Из списка можно открыть карточку, а для нескольких выбранных баннеров применить активацию, деактивацию или удаление.

[Скриншот 1: список баннеров с показами, кликами и CTR]

Активность

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

Название и код

Название используется в административной части и статистике. Хорошая практика — включать в него кампанию и назначение, например «Лето — главный слайдер — вариант A».

Код служит стабильным символьным идентификатором. Если он нужен в процессах проекта, не меняйте его после запуска кампании без необходимости.

Группа

Выберите рекламную кампанию или оставьте «Без группы». Группа не влияет на расположение баннера — за это отвечают места показа.

Язык

Поле ограничивает баннер языковой версией. Значение ru означает показ только на русской версии. Пустое поле — без языкового ограничения.

Тип баннера

Доступны:

• Изображение — стандартный графический баннер;
• HTML / промо-блок — подготовленный HTML-контент;
• Видео — тип, предусмотренный карточкой баннера для проектов с собственным шаблоном вывода.

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

Источник контента

Заполняется в баннере

Изображение, HTML, URL и текстовые атрибуты задаются прямо в карточке. Это самый простой вариант для обычного рекламного материала.

Элемент инфоблока

Контент берётся из выбранного элемента инфоблока. После выбора режима необходимо:

1. выбрать инфоблок;
2. найти элемент по названию, коду или ID;
3. выбрать элемент;
4. при необходимости открыть его стандартную форму редактирования кнопкой быстрого перехода.

Если элементов много, поиск предпочтительнее прокрутки длинного списка.

[Скриншот 2: выбор инфоблока и элемента в карточке баннера]

Основное и мобильное изображение

Для ручного источника можно загрузить два файла:

• Основное изображение — обычная версия;
• Мобильное изображение — альтернативная версия для небольших экранов.

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

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

Если используется инфоблок, фоновая картинка может приходить из свойства BACKGROUND_IMAGE. Конкретный приоритет источников определяется шаблоном вывода.

HTML

Для HTML-промо предусмотрены подстановки:

• #CLICK_URL# — ссылка, через которую учитывается клик;
• #BANNER_URL# — исходный адрес баннера;
• #NAME# — название баннера;
• #IBLOCK_TEXT# — текст из элемента инфоблока;
• #BUTTON_TEXT# — текст кнопки из инфоблока.

Если переход должен учитываться в статистике, используйте именно #CLICK_URL#.

URL и Target

URL задаёт целевой адрес для обычного баннера. Target определяет, где открывать ссылку:

• _self — в текущем окне;
• _blank — в новом.

Alt и title

Поля предназначены для текстового описания изображения. Заполняйте их осмысленно, особенно для значимых промо-изображений.

Приоритет

Баннеры с большим приоритетом рассматриваются раньше. Поле полезно, если один материал должен иметь преимущество перед резервными.

Вес

Используется при ротации weighted. Больший вес повышает шанс попадания баннера в итоговый набор.

Сортировка

Определяет общий порядок. Кроме этого, у каждой привязки к месту есть собственная сортировка.

Места показа

Отметьте все зоны, где может использоваться баннер. Рядом с каждым местом задаётся сортировка конкретной связи.

Если место не выбрано, компонент не сможет получить баннер только на основании его активности.

Свойства инфоблочного промо

Демонстрационный инфоблок показывает рекомендованную структуру свойств:

• BACKGROUND_IMAGE — фоновая картинка;
• SHOW_TITLE, SHOW_TEXT, SHOW_BUTTON — включение частей карточки;
• BUTTON_TEXT, BUTTON_URL — кнопка;
• TITLE_COLOR, TEXT_COLOR — цвета текста;
• BUTTON_TEXT_COLOR, BUTTON_BG_COLOR — оформление кнопки;
• CARD_BG_COLOR — фон текстовой области;
• OVERLAY_COLOR, OVERLAY_OPACITY — затемнение фона;
• CONTENT_POSITION, TEXT_ALIGN, CONTENT_WIDTH — расположение;
• BUTTON_BORDER_RADIUS — скругление кнопки;
• CUSTOM_CSS_CLASS — дополнительный CSS-класс сайта;
• CLICKABLE_AREA — область клика.

Кликабельная область

Для инфоблочного промо предусмотрены варианты:

• button — только кнопка;
• banner — вся карточка;
• both — вся карточка и видимая кнопка;
• none — без ссылки.

Если кнопка скрыта, но весь баннер должен вести на целевую страницу, используйте вариант banner.

Что не нужно заполнять в простом баннере

Если задача — обычная картинка со ссылкой, не усложняйте карточку. Достаточно:

• активности;
• названия;
• основного изображения;
• URL;
• места показа.

Язык, группа, условия, расписание и A/B-поля добавляйте только при реальной необходимости.

Сохранить, применить, отменить

• Сохранить — сохранить и вернуться к списку;
• Применить — сохранить и остаться в карточке;
• Отмена — выйти без сохранения текущих изменений.

[Скриншот 3: нижняя часть карточки с местами показа и кнопками сохранения]

Итог

Карточка баннера совмещает содержимое и правила использования. Для простых материалов используйте ручное изображение. Для составных промо-карточек — элемент инфоблока. Остальные параметры подключайте по мере усложнения кампании.