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

  1. Добавление баннеров для сайта.
Для того чтобы настроить баннеры на сайте, необходимо сначала их добавить в хранилище, затем активировать. Для того чтобы добавить баннеры в систему переходим в Управление сайтом -> Хранилище> Добавить баннер


В открывшемся окне заполняем
Название - название баннера.
Ссылка - ссылка, куда будет вести баннер. Ссылку можно настроить на категорию блюд, на лендинг, сторонний сайт. Если переход с баннера ведет на страницу сайта, то заполняем ссылку в формате "/stocks", где stocks - это url либо категории блюд, либо url лендинга. Если ссылку нужно на сторонний сайт, то вставляем полностью ссылку сайта.


Баннеры - Прикрепляем только первый слой. Оригиналы баннеров, хорошего качества, крепим в "Настольный баннер оригинал" и "Мобильный баннер оригинал", а в "размытые" крепим легкие файлы-заглушки, тот же баннер, только гораздо меньшего веса и качества, можно заблюренный. Сначала будут подгружаться они, а затем уже оригинальный баннер. Рекомендуемые размеры баннеров - 1920х600 px для настольной версии и 1070х1020 px для мобильной. Выравнивание делаем "По центру" и "По середине".
После добавления баннеров в хранилище их необходимо активировать.


2.Для того чтобы отредактировать существующий баннер, кликните на карандаш в "Хранилище баннеров".


Для того чтобы удалить существующий баннер, кликните на иконку удаления в "Хранилище баннеров".
3. При добавлении нового баннера введите:
- название баннера
- транслитом введите ссылку на категорию или лендинг через слэш, например, /yaponya/zavtraki


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


При необходимости укажите выравнивание по горизонтали и вертикали. Второй слой обычно мы не заполняем.
4. Далее:
- переходим в Управление сайтом Настройки городов;


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


Можно указать дни недели, в которые баннер будет размещен на сайте (например, акция на выходные или праздничные дни), а также выбрать подразделения.
Нажимаем "Сохранить всё".
Добавление баннеров для мобильного приложения

Переходим в "Управление сайтом" - "Баннеры".


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


Задайте название баннеру. В окне "Загрузить баннер" выберите изображение баннера.


Введите текст для баннера.

Выберите цвет фона.

Выберите баннер будет отображаться с полями или без.

Далее, нужно выбрать путь куда будет вести баннер:

Продукт. Здесь указываем на какое блюдо будет вести клик по баннеру. Выберите категорию продукта, в поле ниже введите его название.


Категория. Указываем на какую категорию блюд будет вести клик по баннеру. Достаточно просто выбрать категорию.

Страница. Укажите ссылку (полноценную ссылку!) на страницу, на которую будет вести клик по баннеру.


Далее нужно создать новую "сториз" как группу. Для этого переходим в "Управление сайтом" - "Промо-страницы для приложения", кликаем на "Создать страницу".


Вводим название баннера.
Выбираем изображение для иконки.
Выбираем баннер из списка для установки.


Для того чтобы настроить время показа баннера, введите дату в окне "Прокат" и часы в окне "Время".
Можно указать дни недели, в которые баннер будет размещен на сайте (например, акция на выходные или праздничные дни), а также выбрать подразделения.


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


Сформировать ссылку можно через конвертор: https://www.reg.ru/web-tools/punycode


Далее:
- переходим в Управление сайтом- Настройки городов;

В блоке "Промо-страницы для приложения", выбираем из списка нужный баннер.

Баннеры расположены в порядке очередности показа на сайте. Для того, чтобы поднять или опустить баннер, кликните на кнопки "Вверх" и "Вниз".

Для того чтобы настроить время показа баннера, введите дату в окне "Прокат" и часы в окне "Время".
  • Турбо
    Готово!
Понравился материал?
Понравилось?
Переходим настройке к созданию лендинга!
Goulash