| Цитата |
|---|
Павел пишет:
Можешь поделиться кодом |
1) Создать блок 320ч100, с медийной рекламой формата 320ч100 и 320ч50. Другие форматы нельзя по правилам.
2) Если на странице нет jquery, подключить его
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
3) Вставить куда-нибудь внутри body расположенный ниже код (я ставил в начало, так как у яндекса в руководстве написано, что блок РСЯ, который встречается в коде первым, будет самым дорогим, но лично мне это ничего не дает, однако может быть загрузка происходит быстрее
<style>
#float_man{display:block;width:100%;position:fixed;bottom:-250px;left:0;background:transparent;overflow:hidden;text-align:center;transition:0.6s bottom ease;padding:0;z-index:1000000;}
#float_man_inner{block;position: relative;background-color: white;background-image: url(/images/main/loader.gif);background-repeat: no-repeat;background-position: center;width: 320px;min-height: 50px;max-height: 100px;overflow: hidden;text-align: center;border: 1px solid #e74c3c;margin: 0 auto;}
.show_float_man{bottom:5px !important;}
#close_float_man_btn{cursor: pointer;width: 20px;height: 20px;color: white;background-color: #e74c3c;line-height: 20px;position: absolute;top: -1px;right: -1px;text-align: center;z-index:1000001;}
#close_float_man_btn:before{content:"×";}
</style>
<div id="float_man">
<div id="float_man_inner">
ЗДЕСЬ ДОРАБОТАННЫЙ КОД БЛОКА РСЯ
<div id="close_float_man_btn" title="Cкрыть данный блок"></div>
</div>
</div>
4) Доработать код блока РСЯ (чтобы плавающий блок не появлялся, пока реклама не загрузилась) добавив в него "onRender: function (data) {window.float_man_loaded=1;}" внутри Ya.Context.AdvManager.render следующим образом:
Ya.Context.AdvManager.render({
blockId: "2323",
renderTo: "yandex_rtb_R-A-333442-33",
async: true,
onRender: function (data) {window.float_man_loaded=1;}
});
5) Вставить код вызова блока (выползет, когда реклама загрузится) после jquery из п.2 (иначе не сработает) внутри body - можно в конце
$( document ).ready( function () {
$('#close_float_man_btn').on('click',function(){$('#float_man').css({'display':'none'}).removeClass('show_float_man');});
$(window).scroll(function(){
if($('#float_man').css('display')!='none'){
if(window.float_man_loaded==1){
if($(window).width()<450){$('#float_man').addClass('show_float_man');}else{$('#float_man').removeClass('show_float_man');}
}
}
});
});
