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

Y
На сайте с 09.12.2013
Offline
43
1253

Что надо добавить в рекламный код адаптивного блока, чтобы на экранах с разрешением ниже указанного блок адсенсе не показывался вообще, на экранах с большим разрешением показывался?

VoV@
На сайте с 22.09.2007
Offline
196
#1

В рекламный код ничего, можно в стилях указать:


@media (max-width:460px){
#advDiv{display:none}
}

где advDiv - это id блока div с рекламой.

Максимальную ширину max-width указать, какую надо.

⭐ Разработка Андроид-приложений (Xamarin C#). ⭐ Разработка ASP.NET (WebForms, MVC, WebAPI, Core). ⭐ Цой жив!
M
На сайте с 18.05.2009
Offline
108
#2

дисплей:нон - похой вариант, гугл ведь еще и за показы баннеров платит..копейки правда, но ...Сокрытие может расцениваться как накрутка, ведь скрипт сработает таки

а вообще гуглите "вывод содержимого в зависимости от разрешения".

Найдете скрипты типа

//вывод содержимого в зависимости от разрешения
<script type="text/javascript">
{
if (screen.width >= 1024) document.write ('<script type="text/javascript" src="http://kod_adsens.js" ></sc' + 'ript>');
}
</script>

помнится пробовал применять, но чтото не пошло...забил

S
На сайте с 06.08.2011
Offline
61
#3

В официальном руководстве https://support.google.com/adsense/answer/3543893?hl=ru рекомендуется так:

<style type="text/css">
.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

В этом примере объявления не показываются, если ширина экрана менее 400 пикселей.

P
На сайте с 13.10.2009
Offline
75
#4
srcguard:
В официальном руководстве https://support.google.com/adsense/answer/3543893?hl=ru рекомендуется так:
<style type="text/css">

.adslot_1 { display:inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
data-ad-client="ca-pub-1234"
data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>


В этом примере объявления не показываются, если ширина экрана менее 400 пикселей.

Не вижу разницы если пропишешь @media (max-width: 400px) { .adslot_1 { display: none; } } на странице с рекламой или в отдельном css файле. Значит сейчас адсенс к display: none относится не так критично

and2005
На сайте с 21.05.2005
Offline
176
#5
Proenix:
Значит сейчас адсенс к display: none относится не так критично

Да, они об этом писали, но касается это именно мелких экранов.

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