Как сделать адаптивным «Адаптивный блок Яндекс.Директа»?

Question

[ivanpas]

Есть инструкция - https://yandex.ru/support/partner/products-direct/...

Загружаю баннер асинхронно:

<!-- R-NNNNNN-NN Яндекс.RTB-блок  -->
<div id="yandex_ad_R-NNNNNN-NN"></div>
<script type="text/javascript">
    (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
            Ya.Context.AdvManager.render({
                blockId: "R-NNNNNN-NN",
                renderTo: "yandex_ad_R-NNNNNN-NN",
                async: true
            });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
    })(this, this.document, "yandexContextAsyncCallbacks");
</script>

Контейнеру #yandex_ad_R-NNNNNN-NN через media queries (orientation: portrait) и (orientation: landscape) назначаю два фиксированных размера:

@media screen and (orientation: landscape) {
    #yandex_ad_R-NNNNNN-NN {
        width: 480px;
        height: 134px;
    }
}

@media screen and (orientation: portrait) {
    #yandex_ad_R-NNNNNN-NN {
        width: 320px;
        height: 200px;
    }
}

Содержимое баннера адаптируется под размер контейнера при загрузке страницы, но не реагирует на смену ориентации экрана.

Из гугла достал только официальную документацию (см. начало поста) и обсуждение в комментариях тут - https://yandex.ru/blog/partner/19945/

Подскажите, пожалуйста, кто сталкивался. Спасибо!

Answer 1

[Сергей Горячев]

Задать переменную с кодом директа.
И при ресайзе вызывать переменную.

Comments

[ivanpas]

Вы предлагаете повторно вызывать код инициализации баннера при ресайзе окна? Я понимаю, что это сработает, но так ли подразумевается это Яндексом? Ведь в документации об этом ни слова - лишь media queries. Спасибо!

[ivanpas]

ОК, благодаря Вашему ответу я понял, что неверно понял их документацию - их задача сделать баннер адаптивным при загрузке страницы.