> For the complete documentation index, see [llms.txt](https://docs.umg.team/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.umg.team/main/ussp.io/ustanovka-bannernykh-blokov.md). # Установка баннерных блоков #### Содержание 1. Введение 2. Общие рекомендации по установки UMG banner HTML markup 3. Примеры UMG banner HTML markup 1. Пример HTML markup с двумя баннерными рекламными местами на странице 2. Пример HTML markup с одним баннерным плейсментом на странице 4. Постбеки формата banner HTML markup #### 2. Введение Banner — простой баннер, который отображает картинку со ссылкой. Встраивается в контент страницы сайта и начинает проигрываться, как только загружается страница сайта в браузере пользователя. #### 2. Общие рекомендации по установки UMG banner HTML markup **Пункт 1** Разместить JavaScript код вызова. В тег \ \ или вместе со скриптом инициализации в теге \ \ Код вызова: {% code overflow="wrap" fullWidth="true" %} ```javascript ``` {% endcode %} **Пункт 2** Определитесь с местом, в который вы хотите разместить баннер и присвойте контейнеру уникальный идентификатор. Если вы хотите разместить несколько баннеров на странице, то у каждого контейнера должен быть свой уникальный идентификатор. Код контейнера: {% code overflow="wrap" fullWidth="true" %} ```html ``` {% endcode %} **Пункт 3** Разместить Javascript код с инициализацией баннера. Важно, разместить его после контейнера. Например, в самом низу страницы. Код инициализации {% code overflow="wrap" fullWidth="true" %} ```html ``` {% endcode %} Если вы хотите разместить несколько баннеров, то необходимо разместить два (или больше) создания класса внутри одного кода. Код инициализации {% code overflow="wrap" fullWidth="true" %} ```javascript ``` {% endcode %} **3. Примеры UMG banner HTML markup** **3.1 Пример HTML markup с двумя баннерными рекламными местами на странице** [Пример HTML markup с двумя баннернами на странице по ссылке](https://ussp.w3spaces.com/demo_uadex_io/2-banners-block.html) {% code fullWidth="true" %} ```html ``` {% endcode %} **3.2 Пример HTML markup с одним баннерным плейсментом на странице** [Пример HTML markup с одним баннером на странице по ссылке](https://ussp.w3spaces.com/demo_uadex_io/1-banner-block.html) {% code fullWidth="true" %} ```markup ``` {% endcode %} **4. Постбеки формата banner HTML markup** Формат постбеков {% code fullWidth="true" %} ```markup { "uid":"", "prefix": "СРЕДА", "message":"creativeView" } ``` {% endcode %} preifx зависит от среды, значение по умолчанию union uid рандомный UID генерируется при инициализации, служит для разделения несколько экземпляров баннера на одной странице. Если вызвано несколько баннеров и необходимо понять от какого из них приходят сообщения, то можно задать этот uid вручную, при инициализации. **Пример заданного uid** {% code fullWidth="true" %} ```html new window.UTInventoryCore({ type: "banner", uid: "uniq_uid" ..... }); ``` {% endcode %} **Message (сообщения)**: * start - загрузка рекламного блока * creativeView - билинговое событие * finish - завершение работы рекламного блока (только в случае если креатив не подобрался) Существует 2 сценария эмитации постбеков для формата UMG banner HTML markup а. Реклама не найдена start -> finish б. Реклама найдена start -> creativeView