JS ротатор ракламы

Зрадоздью.

Даже без JS.

<style>

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

  .adsense { display: none; }

}

@media screen (min-width: 1025px) {

  .direct { display: none; }

}

</style>

...

<div class="direct">

Тут код директа

</div>

<div class="adsense">

Тут код адсенса

</div>

При использовании display: none; будет ли загрузка не используемых скриптов? Я переживаю что display: none; просто скрывает рекламы, а она все равно будет загружаться, что будет тормозить страницу

Может так лучше?

<script> 

if (screen.width >= 1024)   

document.write('Адсенс'); 

else  

document.write('Директ'); 

</script>

Т.к. Гугл разрешает скрывать не все блоки https://support.google.com/adsense/answer/1354736?hl=ru

А Яндекс вообще не понять что хочет: https://yandex.ru/blog/partner/16178

Правда там не уточняется каким образом сервер разрешение определит, возможно стоит уточнить у техподдержки РСЯ что имелось ввиду.

Сработало вот так

<style>

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

.adsense { display: none; }

}

@media only screen and (min-width: 1025px) {

.direct { display: none; }

}

</style>

без only не работало

---------- Добавлено 25.02.2018 в 10:10 ----------

Samail, ваш вариент почему-то не работает....

Так не работает, не подскажите почему? (код вызова основного скрипта гугла стоит выше, поэтому его не прописывал)

<script>

if (screen.width >= 1024)

document.write('<ins class="adsbygoogle"

style="display:block"

data-ad-client="ca-pub-59195138"

data-ad-slot="5444444"

data-ad-format="auto"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>');

else

document.write('<div id="yandex_rtb_R-A-60004-8"></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-60004-8",

renderTo: "yandex_rtb_R-A-60004-8",

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

</script>

да там и screen не нужен. достаточно только размер указать, т.е. @media (max-width: 1024px) {}

Потому что когда браузер видит внутри document.write закрывающий тег script, он "думает" что это конец скрипта. Так нужно писать:

</scr' + 'ipt>'

Так тоже не работает!

<script>

if (screen.width >= 1024)

document.write('<ins class="adsbygoogle"

style="display:block"

data-ad-client="ca-pub-59195138"

data-ad-slot="5444444"

data-ad-format="auto"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</scr' + 'ipt>');

else

document.write('<div id="yandex_rtb_R-A-60004-8"></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-60004-8",

renderTo: "yandex_rtb_R-A-60004-8",

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");

</scr' + 'ipt>');

</script>

А так?

<script>

if (screen.width >= 1024)

document.write('<ins class="adsbygoogle"\

style="display:block"\

data-ad-client="ca-pub-59195138"\

data-ad-slot="5444444"\

data-ad-format="auto"></ins>\

<script>\

(adsbygoogle = window.adsbygoogle || []).push({});\

</scr' + 'ipt>');

else

document.write('<div id="yandex_rtb_R-A-60004-8"></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-60004-8",\

renderTo: "yandex_rtb_R-A-60004-8",\

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");\

</scr' + 'ipt>');

</script>

Samail, спасибо! так заработало!