Форум Монетизация сайтов Рекламная Сеть Яндекса

Адаптивные блоки

LD
На сайте с 20.05.2015
Offline
133
LyalinDV
2787

Добрый день! Сделал адаптивный дизайн для сайта, создал адаптивные блоки РСЯ в панеле, вставляю на сайт, а показывается 720х90, который я прописал в "Укажите умолчальные размеры блока".

Почему блоки не сжимаются ?

V6
На сайте с 08.10.2008
Offline
106
vm66
#1
LyalinDV:
Сделал адаптивный дизайн для сайта, создал адаптивные блоки РСЯ в панеле, вставляю на сайт, а показывается 720х90, который я прописал в "Укажите умолчальные размеры блока".

Я указывал размер в CSS, например:

div.ya_adapt{width: 336px; height: 280px;}

@media (max-width: 680px){div.ya_adapt{width: 300px; height: 250px;}}

Все работало, только доход получался на порядок ниже, чем от вертикальных блоков, тоже настроенных через CSS.

LD
На сайте с 20.05.2015
Offline
133
LyalinDV
#2
vm66:
Я указывал размер в CSS, например:
div.ya_adapt{width: 336px; height: 280px;}
@media (max-width: 680px){div.ya_adapt{width: 300px; height: 250px;}}
Все работало, только доход получался на порядок ниже, чем от вертикальных блоков, тоже настроенных через CSS.

Можете подсказать как сделали вы? у меня один блок над статьей и под статьей

V6
На сайте с 08.10.2008
Offline
106
vm66
#3

Я, вроде все подсказал, при создании асинхронного кода вверху будет

<div id="yandex_ad"></div> в CSS указываете либо этот id либо создавайте новый класс <div class="ya_adapt" id="yandex_ad"></div>.

LD
На сайте с 20.05.2015
Offline
133
LyalinDV
#4

Кто может сказать, использую код: 

function yad1() { 

return ' 

<style> 

@media screen and (max-width: 800px) {

    .yandex-adaptive {

        width:200px;

        height:300px;

    }

}

@media screen and (max-width: 1024px) {

    .yandex-adaptive {

        width:240px;

        height:400px;

    }

}

</style> 

<div id="yandex_ad" class="yandex-adaptive"></div>

<script type="text/javascript">

(function(w, d, n, s, t) {

    w[n] = w[n] || [];

    w[n].push(function() {

        Ya.Direct.insertInto(666666, "yandex_ad", {

            stat_id: 13,

            ad_format: "direct",

            type: "adaptive",

            border_type: "block",

            limit: 3,

            border_radius: true,

            links_underline: true,

            site_bg_color: "FFFFFF",

            border_color: "FBE5C0",

            title_color: "0000CC",

            url_color: "006600",

            text_color: "000000",

            hover_color: "0066FF",

            sitelinks_color: "0000CC",

            favicon: true,

            no_sitelinks: false,

            height: 90,

            width: 720

        });

    });

    t = d.getElementsByTagName("script")[0];

    s = d.createElement("script");

    s.src = "//an.yandex.ru/system/context.js";

    s.type = "text/javascript";

    s.async = true;

    t.parentNode.insertBefore(s, t);

})(window, document, "yandex_context_callbacks");

</script>'; 

} 

add_shortcode('rsya', 'yad1');

все работает.

использую: 

function yad1() { 

return ' 

<style> 

@media screen and (max-width: 330px) {

    .yandex-adaptive {

        width:200px;

        height:300px;

    }

}

@media screen and (max-width: 400px) {

    .yandex-adaptive {

        width:300px;

        height:300px;

    }

}



@media screen and (max-width: 600px) {

    .yandex-adaptive {

        width:400px;

        height:150px;

    }

}

@media screen and (max-width: 800px) {

    .yandex-adaptive {

        width:600px;

        height:100px;

    }

}

</style> 

<div id="yandex_ad" class="yandex-adaptive"></div>

<script type="text/javascript">

(function(w, d, n, s, t) {

    w[n] = w[n] || [];

    w[n].push(function() {

        Ya.Direct.insertInto(666666, "yandex_ad", {

            stat_id: 13,

            ad_format: "direct",

            type: "adaptive",

            border_type: "block",

            limit: 3,

            border_radius: true,

            links_underline: true,

            site_bg_color: "FFFFFF",

            border_color: "FBE5C0",

            title_color: "0000CC",

            url_color: "006600",

            text_color: "000000",

            hover_color: "0066FF",

            sitelinks_color: "0000CC",

            favicon: true,

            no_sitelinks: false,

            height: 90,

            width: 720

        });

    });

    t = d.getElementsByTagName("script")[0];

    s = d.createElement("script");

    s.src = "//an.yandex.ru/system/context.js";

    s.type = "text/javascript";

    s.async = true;

    t.parentNode.insertBefore(s, t);

})(window, document, "yandex_context_callbacks");

</script>'; 

} 

add_shortcode('rsya', 'yad1');

не работает. Почему??

r27
На сайте с 11.06.2012
Offline
105
r27
#5

Не использую адаптивные блоки. Все объявления нормально меняют размер в адаптивном дизайне. Зачем нужны эти адаптивные блоки?

Никого не консультирую и ничего не оптимизирую.
V6
На сайте с 08.10.2008
Offline
106
vm66
#6
r27:
Зачем нужны эти адаптивные блоки?

Тоже также считаю, шрифт поменять нельзя, в квадрате 336x280 очень часто крутилось одно маленькое объявление в середине. В адсенсе реализация адаптивных блоков нормальная а в рся недоделанная. Вертикальные блоки вполне себе адаптивные, только количество объяв не меняется от размера экрана.

qilly
На сайте с 28.03.2008
Offline
382
qilly
#7
r27:
Не использую адаптивные блоки. Все объявления нормально меняют размер в адаптивном дизайне. Зачем нужны эти адаптивные блоки?

728x90 - не меняет размер.

Тоже столкнулся с такой ситуацией - разместили адаптивный блок, а он не сжимается. В чем смысл тогда этих блоков?

LD
На сайте с 20.05.2015
Offline
133
LyalinDV
#8
qilly:
728x90 - не меняет размер.

Тоже столкнулся с такой ситуацией - разместили адаптивный блок, а он не сжимается. В чем смысл тогда этих блоков?

Сделайте так:

@media screen and (min-width: 200px) {
    .yandex-adaptive {
        width:190px;
        height:320px;
    }
}
@media screen and (min-width: 260px) {
    .yandex-adaptive {
        width:250px;
        height:300px;
    }
}
@media screen and (min-width: 310px) {
    .yandex-adaptive {
        width:300px;
        height:300px;
    }
}
@media screen and (min-width: 400px) {
    .yandex-adaptive {
        width:380px;
        height:300px;
    }
}
@media screen and (min-width: 500px) {
    .yandex-adaptive {
        width:480px;
        height:300px;
    }
}
@media screen and (min-width: 600px) {
    .yandex-adaptive {
        width:580px;
        height:310px;
    }
}
@media screen and (min-width: 700px) {
    .yandex-adaptive {
        width:680px;
        height:310px;
    }
}
@media screen and (min-width: 800px) {
    .yandex-adaptive {
        width:780px;
        height:310px;
    }
}
@media screen and (min-width: 900px) {
    .yandex-adaptive {
        width:880px;
        height:310px;
    }
}
@media screen and (min-width: 1000px) {
    .yandex-adaptive {
        width:980px;
        height:310px;
    }
}

Ну а сам блок вот так:

<div id="width" style="margin: 0 auto">
<script type="text/javascript">
var limmw=document.getElementsByTagName("body")[0].offsetWidth;
if (limmw>=645) {var limm="3";} else {var limm="2";}
if (limmw<=440) {limm="1";}

yandex_partner_id = ХХХХХХ;
yandex_site_bg_color = 'FFFFFF';
yandex_stat_id = 8;
yandex_ad_format = 'direct';
yandex_font_family = 'arial';
yandex_direct_type = 'posterHorizontal';
yandex_direct_border_type = 'ad';
yandex_direct_limit = limm;
yandex_direct_title_font_size = 3;
yandex_direct_links_underline = true;
yandex_direct_border_color = 'FBE5C0';
yandex_direct_title_color = '0000CC';
yandex_direct_url_color = '006600';
yandex_direct_text_color = '000000';
yandex_direct_hover_color = '0066FF';
yandex_direct_favicon = true;
yandex_no_sitelinks = true;
document.write('<scr'+'ipt type="text/javascript" src="//an.yandex.ru/system/context.js"></scr'+'ipt>');
</script>
</div>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий