Как настроить адаптированные блоки Яндекс.Директ

После ввода нового интерфейса и RTB в Яндек.Директ мне было непонятно как же настроить адаптированную рекламу. Один из способ решения написал Сергей Сосновский.

Но все равно как-то запутано. В итоге я написал в поддержку Яндекс и мне порекомендовали следующий способ.

В RTB адаптивность работает только для блоков Директа. Медийные баннеры не адаптируются в зависимости от размера экрана.

Для реализации адаптивности в RTB блоках мы можем использовать два RTB блока. В одном из них нужно выбрать медийные форматы 300×300 и 300×250 и вертикальный Директ из 2х объявлений, а в другом медийный формат 728×90 и горизонтальный Директ из 1-2х объявлений.

В смартфонах будет отображаться баннер размером 300×300 или 300×250 и вертикальный Директ, а для планшетов и ПК баннер размером 728×90 и горизонтальный Директ.

Вот он мне показался очень понятным и простым.

Для этого способа нужно создать два блока RTB в Яндекс.Директ.

Далее размещаем код на странице, где необходимо вывести рекламу:

<div style="text-align:center;">
<div id="yandex_ad" style="display: inline-block;"></div>
</div>
<script type="text/javascript">
(function(w, d, n, s, t) {
if (window.matchMedia("only screen and (max-device-width: 728px)").matches){var m= "R-12345-1";}
else{var m= "R-12345-2";}
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: m,
renderTo: "yandex_ad",
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>

Для переменной m нужно указать id блока (в данном примере m = «R-12345-1» и m = «R-12345-2»).

Поделиться:
1 Комментарий
  • seoonly.ru says:

    Спасибо-) Ничего сложного как оказалось.

Добавить комментарий

Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.

×
Рекомендуем посмотреть