В отличии от Google AdSense, Рекламная Сеть Яндекса (РСЯ) пока не имеет автоматизированных объявлений, что создаёт несколько трудностей. Первое — необходимо создавать отдельные RTB блоки для каждого объявления на странице. Второе — Необходимо отдельно делать мобильные версии объявлений + настроить их показ в зависимости от размера экрана устройства. И третье — блоки РСЯ могут закрывать часть контента на сайте, например всплывающие окна или меню.
Если с первой проблемой ничего поделать нельзя, придётся поработать в админ панели РСЯ, то с остальными проблемами можно довольно просто справиться путём редактирования стандартного кода отображения объявлений. Не буду предаваться лирике и сразу приведу пример кода, который в зависимости от размера экрана автоматически показывает нужное по размеру объявление и имеет верную настройку Z-index.
<div id="yandex_rtb_[код рекламной площадки]" style="margin: 0 auto; position: relative; z-index: 0;"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
if (window.matchMedia("only screen and (max-device-width: 728px)").matches){var m= "[номер объявления для мобильной версии]";}
else{var m= "[номер объявления для десктопной версии]";}
w[n] = w[n] || [];
w[n].push(function() {
Ya.Context.AdvManager.render({
blockId: m,
renderTo: "yandex_[код рекламной площадки]",
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>