Как правильно сделать адаптивный блок?

xtras
На сайте с 03.12.2013
Offline
355
#51

А, вот оно как.. ясно, а то я тут сколько не искал стату по такому блоку, так чета и не нашел ничего, обратно 580х400 поставил от греха подальше, думал у меня там сбилось что-то.

S0
На сайте с 10.04.2012
Offline
78
#52

Поставил адаптивный блок вместо обычного - ничего не показывается уже сутки, в списке он помечен как "новый". Это нормально или что-то не так? Когда ставлю обычный новый блок, реклама начинает крутиться уже через пару минут.

WIKIMEO
На сайте с 20.05.2015
Offline
313
#53

skif06, не так что-то делаете)

А вообще по факту: перепробовал все варианты с CSS. В итоге выхлоп маленький совсем.

Пришлось ставить стандарт.

⭐⭐⭐ Увеличу доход в Adsense, РСЯ, тизерках по своей методике: https://searchengines.guru/ru/forum/1015646 . Telegram: @DiamantG ( https://t.me/DiamantG ) ⭐⭐⭐
S0
На сайте с 10.04.2012
Offline
78
#54

У меня этот сайт адаптивный, и на мобильных блоки адсенса вылазят за пределы экрана, вот и решил их подогнать. Кстати, никаких примочек с css не делал, просто воткнул код из адсенса на место старого блока 336х280 - ничего не показывается.

vga1
На сайте с 18.02.2007
Offline
251
#55
skif06:
У меня этот сайт адаптивный, и на мобильных блоки адсенса вылазят за пределы экрана, вот и решил их подогнать. Кстати, никаких примочек с css не делал, просто воткнул код из адсенса на место старого блока 336х280 - ничего не показывается.

Там же div должен иметь размеры, достаточные для показа баннера. Может он у вас сжалcя в точку?

Оберните рекламу в div и задайте явно размер в стилях.

S0
На сайте с 10.04.2012
Offline
78
#56
vga1:
Там же div должен иметь размеры, достаточные для показа баннера. Может он у вас сжалcя в точку?
Оберните рекламу в div и задайте явно размер в стилях.

Да, уже понял, там стоял div c max-width и это не работало.

xtras
На сайте с 03.12.2013
Offline
355
#57

Чтобы пройти проверку на мобильность в яндексе, заменил все блоки адсенса на адаптивные. Пока стояли 728х90 и 580х400 проверка не проходила, появлялась надпись о горизонтальной прокрутке. Поскольку основной траф с яндекса, пришлось еще с этими проверками морочиться.

A
На сайте с 20.08.2010
Offline
775
#58

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

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@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"
style="display:inline-block;"
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>
XX
На сайте с 01.06.2011
Offline
46
#59
awasome:
Кто-нибудь в курсе, как сделать в этом блоке для одного размера режим авто, для другого оставить фикс? Кто-то уже давал рецепт, но там блок нестандартный - не по рекомендации гугла.

Пример где для @media (min-width:500px) показывается блок 468x60, а для других @media показывается data-ad-format="auto"

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

Пример где для @media (min-width:800px) показывается блок 728x90, а для других @media показывается data-ad-format="auto"

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

Возможно можно :-) объединить <ins></ins> в единый, но я не пробовал.

И мне кажется, но я не уверен :)

Если есть в коде блока

data-ad-format="auto"
то можно из кода исключить
.adslot_1 { width: 320px; height: 100px; }

По идее формат "auto" должен сам определять тип носителя не поддерживающий @media

J
На сайте с 05.11.2012
Offline
82
#60

Судя по всему Гугл норм отнесется к display:none в адаптивном блоке, а с Яндексом проблем не будет?

Второй вопрос. К примеру мне нужно использовать блок 468х60 на разрешении от 500рх до 800рх, а также от 1000рх. Если я сделаю так, правила не нарушу?

.example_responsive_1 { width: 320px; height: 100px; }

@media(min-width: 500px) and (max-width: 800px) { .example_responsive_1 { width: 468px; height: 60px; } }

@media(min-width: 1000px) { .example_responsive_1 { width: 468px; height: 60px; } }

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