BANNER

FlyBox®

Баннерный блок, с фиксированным расположением на манер fly-roll. На примере ниже будет отыгрывать в правом нижнем углу. За это отвечают атрибуты: left, right, top, bottom у контейнера с классом adlk_flybox_container.

Код устанавливается в любое место на сайте

Вместо РЕКЛАМНЫЙ БЛОК БАННЕРА подставьте необходимый баннерный тег (без скрипта, скрипт в шаблоне уже имеется).

Шаблон:

<div class="adlk_flybox_container" style="position: fixed; z-index: 9999; right: 3px; bottom: 3px;">
РЕКЛАМНЫЙ БЛОК БАННЕРА
<script src="https://cdn.adlook.me/js/ads.js" async="async"></script>
</div>

Атрибуты, отвечающие за расположение на странице меняются в in-line стилях у родительского контейнера с классом adlk_flybox_container. Вместо 3px можно задать необходимый отступ, например, чтобы контейнер был на 100px выше или на 300px правее.

Расположение атрибутов. отвечающих за рас

right: 3px; bottom: 3px; //правый нижний угол
left: 3px; bottom: 3px; //левый нижний угол
right: 3px; top: 3px; //правый верхний угол
left: 3px; top: 3px; //левый верхний угол

CatfishBox®

Баннерный блок, с фиксированным расположением внизу по центру страницы. Рекомендуется использовать с узкими баннерами, например 728px*90px.

Вместо "ID ADS TAG" подставьте необходимый ID тега.

Код устанавливается в любое место на сайте

Шаблон:

<div class="adlk_catfish" style="position: fixed; z-index: 9999; bottom: 0px; width: 100%; height: 90px;">
  <div style="position: relative; margin: 0 auto; height: 90px; width: 728px;"><ins class="tfxads" data-tfx-id="ID ADS TAG" data-tfx-w="728" data-tfx-h="90"></ins><script src="https://cdn.adlook.me/js/ads.js" async="async"></script></div>
</div>

MobileBox®

Рекламный блок, с адаптивными баннерами. На desktop отображается баннер 728*90, а на мобильной версии 300*250.

Код устанавливается в конкретное место на сайте

Шаблон HTML:

</div>
<div class="adlk_mb_container" style="display: flex; justify-content: center; margin-bottom: 1rem; max-width: 1170px; margin: auto; min-height: 10px">
  <div><ins class="tfxads adlk_mb_pc" data-tfx-id="ID ONLY PC" data-tfx-w="728" data-tfx-h="90"></ins></div>
  <div><ins class="tfxads adlk_mb_mobile" data-tfx-id="ID ONLY MOBILE" data-tfx-w="300" data-tfx-h="250"></ins>
    </div>
</div>

<script src="https://cdn.adlook.me/js/ads.js" async="async"></script>

Шаблон CSS (обязательно добавить в файл со стилями, так как in-line media-запросы не прописать):

.adlk_mb_mobile {display:none;}

@media (max-width: 750px) {.adlk_mb_container .adlk_mb_pc{display: none;}
.adlk_mb_container .adlk_mb_mobile {display: block;}}

Для каждого сайта необходимо настроить ширину контейнера. Она должна быть такого же размера, как и основной контейнер сайта. Это параметр max-width у родительского контейнера с классом adlk_mb_container:

Вместо ID ONLY PC подставьте необходимый ID тега для отображения только на desktop версии (728*90). Необходимо попросить support отключить у этого тега правила отображения на mobile версии.

Вместо ID ONLY MOBILE подставьте необходимый ID тега для отображения только на mobile версии (300*250). Необходимо попросить support отключить у этого тега правила отображения на decktop версии.

Если надо разместить IBV

Вернуться на главную страницу

Установка Banner

В этом разделе мы рассмотрим установку и настройку различных блоков баннерной рекламы для вашего сайта. Вы узнаете, как интегрировать баннеры с фиксированным расположением — FlyBox и CatfishBox, а также адаптивные баннеры MobileBox, чтобы обеспечить их корректное отображение и максимальную эффективность.

FlyBox

FlyBox — это баннерный блок с фиксированным расположением, похожий на обычный Fly-Roll. В примере ниже он будет отображаться в правом нижнем углу страницы. За позицию баннера отвечают атрибуты left, right, top, и bottom в контейнере с классом adlk_flybox_container.

Как установить:

Вставьте код в любое место на сайте.
Замените текст «РЕКЛАМНЫЙ БЛОК БАННЕРА» на необходимый баннерный тег без скрипта (скрипт уже включен в шаблон).

Шаблон для добавления на сайт:

<div class="adlk_flybox_container" style="position: fixed; z-index: 9999; right: 3px; bottom: 3px;"> РЕКЛАМНЫЙ БЛОК БАННЕРА <script src="https://cdn.adlook.me/js/ads.js" async="async"></script> </div>

Настройка расположения:

Чтобы изменить положение баннера на странице, измените значения отступов в in-line стилях контейнера с классом adlk_flybox_container. Например, вместо 3px, можно установить отступ на 100px выше или 300px правее.

Атрибуты, отвечающие за расположение баннера на странице

right: 3px; bottom: 3px; //правый нижний угол left: 3px; bottom: 3px; //левый нижний угол right: 3px; top: 3px; //правый верхний угол left: 3px; top: 3px; //левый верхний угол

CatfishBox

CatfishBox — баннерный блок с фиксированным расположением внизу по центру страницы. Рекомендуется использовать с узкими баннерами, например, размером 728x90 пикселей.

Как установить:

Вставьте код в любое место на сайте.
Замените «ID ADS TAG» на необходимый ID тега.

Шаблон для добавления на сайт:

MobileBox

MobileBox — это рекламный блок с адаптивными баннерами. На desktop отображается баннер 728×90, а на мобильной версии — 300×250.

Как установить:

Вставьте HTML-код в нужное место на сайте:

</div> <div class="adlk_mb_container" style="display: flex; justify-content: center; margin-bottom: 1rem; max-width: 1170px; margin: auto; min-height: 10px"> <div><ins class="tfxads adlk_mb_pc" data-tfx-id="ID ONLY PC" data-tfx-w="728" data-tfx-h="90"></ins></div> <div><ins class="tfxads adlk_mb_mobile" data-tfx-id="ID ONLY MOBILE" data-tfx-w="300" data-tfx-h="250"></ins> </div> </div> <script src="https://cdn.adlook.me/js/ads.js" async="async"></script>

Добавьте CSS-код в файл со стилями вашего сайта:

.adlk_mb_mobile {display:none;} @media (max-width: 750px) {.adlk_mb_container .adlk_mb_pc{display: none;} .adlk_mb_container .adlk_mb_mobile {display: block;}}

Настройка:

Для каждого сайта необходимо настроить ширину контейнера. Она должна быть такого же размера, как и основной контейнер сайта. За это отвечает параметр max-width у родительского контейнера с классом adlk_mb_container:

Вместо ID ONLY PC подставьте необходимый ID тега для отображения только на desktop версии (728*90). Для этого необходимо попросить support отключить у этого тега правила отображения на mobile версии.
Вместо ID ONLY MOBILE подставьте необходимый ID тега для отображения только на mobile версии (300*250). Для этого необходимо попросить support отключить у этого тега правила отображения на desktop версии.