Настройка баннера 1с битрикс
Чтобы добавить или изменить главный баннер в решении Master вы можете воспользоваться двумя способами: создать/изменить главный баннер из публичной части или из административной части. Для удобства мы рассмотрим все варианты создания и изменения разделов.
1. Создаем/изменяем главный баннер из публичной части.
Чтобы добавить новый баннер, наводим курсор на область с баннером и нажимаем кнопку “Добавить баннер”. Чтобы изменить баннер нажимаем “Изменить баннер”.
Загружаем фон баннера и изображение.
2. Создаем/изменяем главный баннер из административной части.
Переходим в административную часть, нажав кнопку “Администрирование”, и выбираем нужный инфоблок: Контент ⟶ “Баннеры” ⟶ “Главные баннеры”
Чтобы добавить новый баннер в “Главные баннеры”, нажимаем кнопку “Добавить баннер”. Чтобы внести изменения в добавленный баннер, выбираем баннер, который хотим изменить, нажимаем на “Гамбургер”, затем “Изменить”.
Заполняем фон баннера и изображение.
Нажимаем кнопку “Сохранить”.
Загружаем баннер.
Свойство “Название” - задает название элемента в разделе
Свойство “Символьный код” - задает url-адрес элемента
Свойство “Сортировка” - задает порядок баннеров в слайдере
Свойство “Ссылка” - задает url-адрес, на который баннер направляет пользователей
Свойство “Фон” - задает фоновое изображение баннера
Свойство “Изображение” - задает изображение баннера
Свойство “Заголовок” - задает заголовок, которые отображается на баннере
Свойство “Описание” - задает краткое описание, которое отображается на баннере
Свойство “Текст кнопки” - задает текст кнопки, который отображается на баннере
В шаблоне №6 используется не баннер, а фоновое изображение. Меняется оно в административной части сайта.
Пройдите по пути Администрирование > Контент > Структура сайта > Файлы и папки > include > header
В правой части экрана удалите файл background.jpg и загрузите свой с таким же названием.
Узнать о рекомендуемых размерах фонового изображения и главного баннера можно здесь.
Форма предназначена для создания новых и изменения параметров существующих баннеров. Для удобства работы форма разделена на несколько закладок. Каждая закладка содержит логически сгруппированный набор полей для управления параметрами баннера.
Баннер
Закладка cлужит для задания основных параметров баннера.
- баннер не показывается;
- _self – открыть в текущем окне (по умолчанию);
- _blank – открыть в новом окне;
- _parent – открыть в своем фрейме;
- _top - во всем текущем окне браузера.
Код баннера - произвольный текст или HTML-код, который будет отображаться в качестве баннера.
- transparent - фон страницы будет "проглядывать" через все прозрачные места баннера при отображении;
- opaque - баннер будет помещен на задний план страницы;
- window - баннер будет отображаться на странице в собственном прямоугольном окне.
- Требуемая версия flash - указывается версия Flash, необходимая для отображения баннера;
- Альтернативное изображение - задается путь к альтернативному изображению, которое будет показано в виде баннера, если отключен Flash.
- _self – открыть в текущем окне (по умолчанию);
- _blank – открыть в новом окне;
- _parent – открыть в своем фрейме;
- _top - во всем текущем окне браузера.
Код баннера - произвольный текст или HTML-код, который будет отображаться в качестве баннера.
Ограничения
Закладка служит для задания ограничений на показ баннера.
- указать Интервал показа (DD.MM.YYYY);
- отметить опцию Фиксировать число показов баннера;
- задать Максимальное число показов баннера.
Указывается максимальное число посетителей, для которых будет показан баннер.
При редактировании баннера рядом с данным полем отображается число посетителей, которым был показан баннер. Чтобы обнулить показатели счетчика, установите флаг в поле сбросить и нажмите кнопку Применить.
Это поле будет активно только при отмеченной опции Фиксировать число показов баннера.
Указывается максимальное число показов данного баннера одному посетителю. Считается, что оптимальным количество показов баннера одному посетителю равно 4.
Это поле будет активно только при отмеченной опции Фиксировать число показов баннера.
Указывается максимально число показов баннера, при достижении которого баннер становится неактивным.
При редактировании баннера рядом с данным полем отображается число выполненных показов баннера. Чтобы обнулить показатели счетчика, установите флаг в поле сбросить и нажмите кнопку Применить.
Это поле будет активно только при отмеченной опции Фиксировать число показов баннера.
Таргетинг
Закладка служит для настройки таргетинга рекламы. Диапазон доступных значений полей зависит от настроек контракта, к которому относиться данный баннер.
- если для страницы сайта заданы желательные ключевые слова, то баннер будет показан на странице в том случае, если хотя бы одно ключевое слово баннера присутствует в наборе желательных ключевых слов страницы;
- если для страницы сайта заданы обязательные ключевые слова, то баннер будет показан на странице в том случае, если набор ключевых слов баннера совпадает с набором обязательных ключевых слов страницы.
- всем - показывать баннер всем посетителям сайта;
- только новым - показывать баннер пользователям, впервые пришедшим на сайт;
- только вернувшимся - показывать баннер пользователям, вернувшимся на сайт.
Статистика
Внимание! С версии 21.100.0 модуля Реклама, баннеры убрана возможность фиксировать статистику по кликам на баннеры, т.е. вкладка Статистика в форме настроек баннера более НЕ доступна. Возможность считать клики на баннер оставлена в API (требуется написание своего скрипта для подсчета ссылок).
Закладка служит для управления параметрами регистрации кликов на баннер в модуле Веб-аналитика. Управление параметрами доступно только администраторам сайта.
Комментарий
Закладка предназначена для создания произвольного комментария к баннеру.
Кнопки управления
| Кнопка | Описание |
|---|---|
| Сохранить | Сохранение внесённых изменений. Переход на страницу со списком баннеров. |
| Применить | Сохранение внесённых изменений. Продолжение редактирования параметров баннера. |
| Отменить | Отмена внесённых изменений. Возврат первоначальных значений параметров. |
Смотрите также
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
Здесь вы узнаете как можно добавить и изменить баннеры используя модуль "Реклама" (данный модуль доступен в редакции "Бизнес" 1С-Битрикса).
Баннер – это рекламное графическое изображение. Он может включать текст, статичные изображения или содержать анимацию (вплоть до использования видео и каких-либо интерактивных объектов). Зачастую баннер ссылается на страницу с какой-либо информацией или на сайт рекламодателя.
В нашем решении вы можете увидеть четыре вида баннеров:
Главный баннер расположен непосредсвенно под/за шапкой сайта на главной странице.
Боковые баннеры отображаются с правой и левой стороны от главного баннера в случае, если в виджете выбрана настройка баннера "по центру с боковыми баннерами".
Промо баннер отображается на странице в том месте, где вы выберите при настройках расположения блоков главной страницы.
Промо баннеры узкие - три небольших баннера в ряд, отображается на странице в том месте, где вы выберите при настройках расположения блоков главной страницы.
Создать или изменить главный баннер можно двумя способами: через публичную и административную часть сайта. Рассмотрим оба варианта. Для начала работы включите режим правки.
Если вы хотите добавить новый баннер. Наведите курсор на область с баннером, дождитесь появления всплывающей панели. Нажмите "Добавить элемент"
1. Дайте название баннеру
2. Пропишите символьный код
3. Проставьте число сортировки, которое устанавливает порядок показа баннеров на странице. После загрузки страницы первым показывается баннер с наименьшим числом сортировки.
4. Загрузите фоновое изображение (графические требования к изображениям описаны в следующей главе)
Для этого нажмите на иконку гамбургер, в открывшемся меню выберите удобный для вас способ загрузки изображения.
5. При желании загрузите второе изображение, которое будет отображаться поверх фона.
6. Напишите заголовок
7. Напишите описание
8. Сохраните ваши изменения.
Аналогично вносятся изменения в уже существующий баннер.
Наведите курсор на область с баннером, который хотите изменить, дождитесь появления всплывающей панели. Нажмите "Изменить элемент". Внесите необходимые изменения (загрузка нового изображение, или замена заголовка с описанием), сохраните изменения.
Для удаления баннера, в всплывающей панели нужно нажать "Удалить элемент".
Для добавления/изменения/удаления главного баннера через административную часть. Перейдите в вкладку "Администрирование" > Контент > Контент > Главные баннеры > Элементы
В правой части страницы будет перечень всех имеющихся баннеров. Для добавления нового баннера нажмите "Добавить элемент". Это откроет окно редактирования баннера. Возможности редактирования в этом окне описаны выше.
Для изменнения/удаления существующего баннера нажмите на иконку "гамбургер" рядом с названием баннера и выберете нужное действие:
- декативировать (сделает баннер не активным, он останется в базе данных, но отображаться на главной странице не будет)
Добавление/изменение боковых баннеров
Боковые баннеры будут отображаться на сайте в случае, если в настройках виджета выбран вариант отображения баннера "По центру с боковыми баннерами"
Добавление/Изменение/Удаление бокового баннера осуществляется через Административную часть сайта.
Перейдите к баннерам: Администрирование > Контент > Контент > Боковые баннеры > Элементы
Для того, чтобы добавить боковой баннер в правой части экрана нажмите "Добавить элемент"
Для изменения/удаления баннера нажмите на иконку "гамбургер" рядом с названием баннера и выберете нужное действие:
- изменить (откроет окно редактирования баннера)
- декативировать (сделает баннер не активным, он останется в базе данных, но отображаться на главной странице не будет)
- копировать
- удалить
При добавлении/изменении баннера открывается окно редактирования баннера где:
- проставленная галочка в чекбокс "Активность" активирует показ баннера
- указывается с какой стороны от главного баннера будет расположен боковой баннер
- загружается изображение одним из удобных для вас способов (с компьютера, по ссылке, из медиабилиотеки) [подробнее о загрузке файла из медиабилиотеки можно прочесть на странице "Замена логотипа"
Добавление/изменение промо баннеров
Создать или изменить промо баннеры можно двумя способами: через публичную и административную часть сайта.
В публичной части наведите курсор мыши на область промо баннера, дождитесь появления всплывающей панели и нажмите необходимое действие: редактировать данный баннер или добавить баннер.
- Активность. Проставленная галочка сделает баннер "видимым" на сайте.
- Название баннера
- Загрузите изображение баннера. Нажав на гамбургер-меню выберите удобный для вас способ загрузки изображения
- Ссылка. При нажатии на баннер будет осуществляться переход по заданной ссылке
Для редактирования/добавления через Административную часть, пройдите по пути Администрирование > Маркетинг > Баннерная реклама > Баннеры
В правой части экрана, для добавления нового баннера нажмите кнопку "Добавить баннер". Для редактирования баннера нажмите на гамбургер-меню у нужного баннера. В открывшемся окне редактирования введите данные, как описано выше.
Для корректной работы сайта все графические материалы (изображения) должны быть подобраны с учетом определенных требований.
желательно, чтобы вся важная визуальная информация располагалась на средних 750рх!, т.к. сайт адаптивный и при сужении экрана стороны баннера обрезаются.
Главный баннер может состоять из одного большого изображения (фоновое), а может быть с дополнительным изображением, которое накладывается на фоновое.
Рекомендации к подбору дополнительного изображения:
- размер изображения приблизительно 899рх х 500рх
Дополнительное изображение также как и фоновое адаптируется к ширине сайта при ее уменьшени, обрезаясь с правой стороны. При этом есть определенный ограничения. После сужения ширины сайта до <992рх дополнительное изображение исчезает и остается только фоновое.
- формат изображения .jpg или .jpg
- разрешение изображения 502рх х 250рх.
- при сужении экрана не обрезаются. До ширины экрана 992рх отображается главный баннер с двумя боковыми баннерами. При сужении <1200рх. левый баннер исчезает, правый отображается. При ширине экрана <992рх. оба боковых баннера не отображаются.
- формат изображения .jpg или .jpg
- разрешение изображения 1920рх х 200рх.
Промо баннер узкий (три небольших баннер в ряд):
- формат изображений .jpg или .jpg
- разрешение изображения 750рх х 243рх.
Если у вас не выводятся все баннеры, а только несколько из них, вероятнее всего у вас не настроен параметр, сколько новостей на странице должно отображаться. Настроить данный параметр нужно в настройках параметров супер баннера.
Так же в данных настройках вы можете настроить скорость смены баннера и время задержки между перелистываниями баннерами
UPD В обновлении решения версии 1.3.0 появился дополнительный функционал вывода минибаннеров. Чтобы вывести мини-баннеры необходимо убедиться в наличии инфоблока Дополнительные баннеры. Если инфоблок отсутствует, его необходимо будет создать. Для этого:
В административном разделе необходимо перейти в тип инфоблоков Баннеры Рабочий стол - Контент - Инфоблоки - Типы инфоблоков - Баннеры и нажать Добавить инфоблок
В вкладке Инфоблок необходимо установить следующие поля
- Символьный код: additional_banners
- Сайты: выбрать сайт на котором выводятся баннеры
- Название: Дополнительные баннеры
В вкладке Свойства необходимо добавить следующие свойства
- Ссылка: тип Строка, код HREF
- Главный баннер: тип Привязка к элементам, код SUPER_BANNER
- Изображение: тип Файл, код IMAGE
В настройках компонента, отображающего баннеры на главной странице (Список новостей news.list), необходимо выбрать следующие параметры:
- Тип инфоблока дополнительных баннеров
- Инфоблок с дополнительными баннерами
Изображения дополнительных баннеров, выводимых поверх основного, необходимо добавлять в инфоблок Дополнительные баннеры. При добавлении необходимо заполнить следующие поля:
Читайте также: