Как настроить закрепленный блок РСЯ в нижней части мобильной версии сайта

Alex

Administrator
Команда форума
Создаем блок РСЯ

В кабинете РСЯ создаем новый блок с такими настройками:

3. Код для отображения блока

В футер перед закрывающим тегом </body> ставим следующий код, не забываем заменить код вызова рекламы на свой. Так же нужно помнить, что после создания нового рекламного блока РСЯ, он будет отображаться не сразу, а через 1-3 часа.

<!--код вызова рекламного блока -->
<div class="myblockbottom" style="display: none">
<div class="myblockbottom__close">Х | закрыть</div>
<!-- Yandex.RTB R-A-ХХХХХХ-ХХ -->
<div id="yandex_rtb_R-A-ХХХХХХ-ХХ"></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-A-ХХХХХХ-ХХ",
renderTo: "yandex_rtb_R-A-ХХХХХХ-ХХ",
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.RTB R-A-ХХХХХХ-ХХ -->
</div>
<!--//код вызова рекламного блока -->

<!-- стили рекламного блока -->
<style>
.myblockbottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 100px;
text-align: center;
z-index: 999;
}
.myblockbottom__close {
position: absolute;
top: -34px;
right: 5px;
background-color: #ffce4a;
color: #000;
text-align: center;
z-index: 1000;
cursor: pointer;
padding: 10px 10px 8px 10px;
}
</style>
<!-- //стили рекламного блока -->

<!-- скрипт показа и закрытия рекламного блока -->
<script type="text/javascript">
(function() {
document.addEventListener("scroll", checkIfNearPosition)
document.querySelector('.myblockbottom__close').addEventListener('click', function(e) {
e.target.parentNode.style.display = 'none', document.removeEventListener("scroll", checkIfNearPosition)
})
function checkIfNearPosition(e) {
if(!/iPhone|iPad|iPod|webOS|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile|Android/i.test(navigator.userAgent))
return;
var x = document.querySelector('.myblockbottom');
window.pageYOffset > 100 && (x.style.display = 'block') || (x.style.display = 'none')
}
})()
</script>
<!-- //скрипт показа и закрытия рекламного блока -->


 
Сверху