Adfox

Банер по умолчанию

В адфоксе,во вкладке "Банер по умолчанию", можно загрузить изображение для банера, а можно предоставить свой код для банера

Ссылка на банер в адфоксе, возможно, не будет работать:

https://adfox.yandex.ru/v2/defineDefaultBannerForm?placeID=1534496&mode=1

Если грузить просто картинку, Adfox вставляет собственный шаблон, выглядит он так:

<div></div>
<script type="text/javascript">
    %global.pixel%

(function() {
            var _pr1 = %random1% ,
                _width = ('%banner.width%'.indexOf('%') != -1 ? '%banner.width%' : parseInt('%banner.width%') + 'px'),
                _reference = '%request.reference%',
                _html = '<a href="' + _reference + '" target="%banner.target%">' +
                '<img src="%banner.image_url%" alt="%banner.alt%" style="width: 100%; height: auto; vertical-align: middle; border: 0px;">' +
                '</a>';

if (_pr1) {
                setTimeout(function() {
                    document.close();
                }, 100);
                parent.document.getElementById('AdFox_banner_' + _pr1).innerHTML = _html;
                parent.document.getElementById('AdFox_banner_' + _pr1).style.width = _width;
                parent.document.getElementById('AdFox_banner_' + _pr1).style.margin = '0 auto';
            } else {
                document.write('<div style="width: ' + _width + ';">' + _html + '</div>');
            }
        })();
</script>

Очень странный код, но мы должны использовать в своем шаблоне такой же, иначе раотать не будет. Наш код банера по умолч вставлять так:

Если вставлять без дива - то код почему-то всталяется в <head> Если вставлять полностью документ - тоже получается ерунда

Если вставлять яваскрипт и выбирать тип кода "javascript" - тоже вставляет в шапку, при этом события загрузки документа или окна не срабатывают.
В общем, может в будущем адфокс что-то поправит, сейчас это оптимальный вариант

Пример нашей заглушки:

<div></div>
<script type="text/javascript">
    (function() {
        /**
         * Размер фрейма меняется здесь (все в px)
         * s - 300px x 250px
         * m - 300px x 600px
         * l - 970px x 250px
         * @type {'s' | 'm' | 'l'}
         */
        const size = 'm';

/**
         * Виды банеров (премьеры, сегодня итд)
         * @type {string[]}
         */
        const types = ['breleases', 'bsoon', 'bafisha', 'btoday'];

//
        const randomType = types[Math.floor(Math.random() * types.length)];
        const path = `https://api.kinoafisha.info/block/${randomType}/${size}/`
        const [width, height] = (()=>{
            switch (size){
                case 's':
                    return ['300px', '250px'];
                case 'm':
                    return ['300px', '600px'];
                case 'l':
                    return ['970px', '250px'];
            }
        })();
        const html = `<iframe src="${path}" style="width:${width};height:${height};border:none;"></iframe>`;

const _pr1 = %random1%;
        if(!_pr1) return;
        const parentTag = parent.document.getElementById('AdFox_banner_' + _pr1);
        if(!parentTag) return;

//
        setTimeout(function() {
            document.close();
        }, 100);
        parentTag.innerHTML = html;
        parentTag.style.width = width;
        parentTag.style.height = height;
        parentTag.style.margin = '0 auto';

})();
</script>

В заглушке вставляются отдельные наши ифреймы, примеры:
Главные премьеры (премьеры):
https://api.kinoafisha.info/block/breleases/s/
https://api.kinoafisha.info/block/breleases/m/
https://api.kinoafisha.info/block/breleases/l/
Скоро (премьерный фильм):
https://api.kinoafisha.info/block/bsoon/s/
https://api.kinoafisha.info/block/bsoon/m/
https://api.kinoafisha.info/block/bsoon/l/
Афиша кинотеатров (список фильмов)
https://api.kinoafisha.info/block/bafisha/s/
https://api.kinoafisha.info/block/bafisha/m/
https://api.kinoafisha.info/block/bafisha/l/
Афиша сегодня (один фильм) https://api.kinoafisha.info/block/btoday/s/
https://api.kinoafisha.info/block/btoday/m/
https://api.kinoafisha.info/block/btoday/l/