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

12
N
На сайте с 07.03.2014
Offline
74
#11
dmitrii-pdk:
если 300х600 стоит в левом сайдбаре, а в мобильной версии сайдбар скрывается (display:none), это нарушение?

Да нарушение. За это иногда банят. Почитайте я там ссылку дал как правильно настроить чтобы скрыть и не огрести.

mill.millioner
На сайте с 15.08.2010
Offline
103
#12

У меня такой вопрос:

Стоит адаптивный блок, который скрывается при ширине 600px. Если зайти на сайт держа телефон горизонтально, то блок еще будет отображаться несмотря на смену положения экрана (туда/обратно).

Но если зайти на сайт с телефоне в вертикальном положении, а потом повернуть в горизонтальное положение, то блок с рекламой уже не отображается. Опасно так или нет?

Код выглядит так:


<style type="text/css">
.adslot_1 { display:inline-block; width: 230px; min-height: 620px; }
@media (max-width: 1100px) { .adslot_1 { width: 180px; } }
@media (max-width: 600px) { .adslot_1 { display: none; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CAD -->
<ins class="adsbygoogle adslot_1"
data-ad-client="ca-pub-XXXXXXXXXXXXXX"
data-ad-slot="XXXXXXXXX"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Оптимизайка
На сайте с 11.03.2012
Offline
396
#13

mill.millioner, чтобы учитывать поворот экрана, используйте параметр orientation: portrait или orientation: landscape у @media

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
mill.millioner
На сайте с 15.08.2010
Offline
103
#14
Оптимизайка:
mill.millioner, чтобы учитывать поворот экрана, используйте параметр orientation: portrait или orientation: landscape у @media

Спасибо, все верно..

Но я же осторожно использовал рекомендованный код гугла

как это одна из самых технологичных компаний мира такое не учла..😕

Вообщем, никаких нарушений в этом нет?

AJ
На сайте с 25.06.2012
Offline
121
#15
-Dima-:
Почитайте про
display: flex;

flex-flow: column nowrap;

Использую такое у себя, правда несколько в иных целях. Перемещаю первый блок между абзацами в зависимости от ширины экрана.

подскажите, какую используете зависимость расположения между абзацами от ширины экрана?

---------- Добавлено 27.07.2016 в 08:26 ----------

Chelsea:
Сейчас можно уже 4 блока - четвертый отдельно для моб устройств

это вы о чём? какие 4 блока?

AlexStep
На сайте с 23.03.2009
Offline
353
#16
alexey_jc:
это вы о чём? какие 4 блока?

Видимо имелись в виду "Объявления уровня страницы", которые появляются для мобильных пользователей и не учитываются при подсчете блоков на странице.

А еще есть "Блок рекомендуемого контента", который также не учитывается, но он доступен не для всех сайтов.

-
На сайте с 15.12.2010
Offline
133
#17
alexey_jc:
подскажите, какую используете зависимость расположения между абзацами от ширины экрана?

Раньше, до того как в правилах появилось ограничение на размер первого блока, было написано, что на первом экране для смартфонов должно быть достаточно контента (точную формулировку уже не вспомню). Поэтому решил первый блок опускать под первый абзац. И чтобы не городить кучу проверок в коде и вставлять блок в нужное место на стороне сервера, решил сделать это через CSS.

Суть решения такая: даешь каждому <p> и блоку рекламы уникальный id и в css указываешь порядок их расположения.

Теперь же, из-за невозможности использования на первом экране большого блока, подумываю показывать 1-й большой блок на 2-ом экране, а на 1-й - поставить блок ссылок.

Только в этом всем надо учесть, чтобы не было одновременного показа 2-х блоков рекламы на одном экране.

AJ
На сайте с 25.06.2012
Offline
121
#18
-Dima-:
Раньше, до того как в правилах появилось ограничение на размер первого блока, было написано, что на первом экране для смартфонов должно быть достаточно контента (точную формулировку уже не вспомню). Поэтому решил первый блок опускать под первый абзац. И чтобы не городить кучу проверок в коде и вставлять блок в нужное место на стороне сервера, решил сделать это через CSS.

Суть решения такая: даешь каждому <p> и блоку рекламы уникальный id и в css указываешь порядок их расположения.

Теперь же, из-за невозможности использования на первом экране большого блока, подумываю показывать 1-й большой блок на 2-ом экране, а на 1-й - поставить блок ссылок.
Только в этом всем надо учесть, чтобы не было одновременного показа 2-х блоков рекламы на одном экране.

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

12

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