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

156

LyalinDV

29 марта 2016, 06:00

2802

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

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

V6

106

vm66

29 марта 2016, 07:00

#1

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

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

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

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

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

Google AdSense улучшил адаптивные Google: как сделать статические Платон Щукин о построении

LD

156

LyalinDV

29 марта 2016, 07:01

#2

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

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

V6

106

vm66

29 марта 2016, 07:13

#3

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

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

LD

156

LyalinDV

29 марта 2016, 13:29

#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');

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

105

r27

29 марта 2016, 16:24

#5

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

Никого не консультирую и ничего не оптимизирую.

V6

106

vm66

29 марта 2016, 17:55

#6

r27:
Зачем нужны эти адаптивные блоки?

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

В конструкторе креативов Директа В Рекламной сети Яндекса Яндекс обновил подход к

411

qilly

16 апреля 2016, 14:56

#7

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

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

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

LD

156

LyalinDV

18 апреля 2016, 07:16

#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>

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах

Все что нужно знать о DDоS-атаках грамотному менеджеру