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

12
Misha0o
На сайте с 12.08.2012
Offline
74
#11

qilly, пойду тизернетки код бацну туда, раньше стоял когда-то, было неплохо вроде. В рся сайты не одобрены (*

M
На сайте с 16.01.2015
Offline
26
#12

Кстати, как вывести 580х400 на больших экранах и 336х280 на маленьких при помощи адаптивного блока? У меня получается вывести только 728х90 (на больших). Использую такой код (часть кода):

.MyAd { width: 336px; height: 280px; }

@media (min-width:1366px) { .MyAd { width: 728px; height: 90px; } }

Если меняю 728х90 на 580х400, то выводится какой-то маленький блок, но не 580х400. Код такой:

.MyAd { width: 336px; height: 280px; }

@media (min-width:1366px) { .MyAd { width: 580px; height: 400px; } }

Может кто знает, как все-таки 580х400 вывести? Буду очень благодарен за ответ.

AlexStep
На сайте с 23.03.2009
Offline
354
#13
Momentus:
.MyAd { width: 336px; height: 280px; }
@media (min-width:1366px) { .MyAd { width: 580px; height: 400px; } }

Ну видимо места для 1366 пикселей нет и поэтому показывается 336 на 280.

Замените 1366 например на 800 или скольку у вас там есть места.

M
На сайте с 16.01.2015
Offline
26
#14

К сожалению, дело не в этом, ведь блок 728х90, как я писал, выводится при таких же условиях, а ведь он еще шире.

Может быть, адаптивный блок не поддерживает формат 580х400?

Может, у кого есть какое-то другое решение, чтобы на десктопах было 580х400, а на мобильных 300х250, например?

AlexStep
На сайте с 23.03.2009
Offline
354
#15
Momentus:


Может быть, адаптивный блок не поддерживает формат 580х400?

Поддерживает. Может у вас что-то с кодом самого блока? Покажите код без ca-pub.

Например, в коде блока можно указать вывод только горизонтальных блоков. В этом случае 580 на 400 вы не получите.

M
На сайте с 16.01.2015
Offline
26
#16

Вот:

<style>

.BOTTOM { width: 336px; height: 280px; }

@media (min-width:1366px) { .BOTTOM { width: 728px; height: 90px; } }

</style>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- BOTTOM -->

<ins class="adsbygoogle BOTTOM"

style="display:block"

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

data-ad-slot="xxxxxxxxxxxx"

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

<script>

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

</script>

В таком виде работает. Но если 728х90 поменять на 580 на 400 - отображается узкий горизонтальный блок 580х60(подсмотрел в коде)

AlexStep
На сайте с 23.03.2009
Offline
354
#17

Попробуйте использовать style="display:inline-block" вместо style="display:block"

и убрать data-ad-format="auto"

чтобы привести код блока к рекомендуемому гуглом варианту https://support.google.com/adsense/answer/6307124?hl=ru

---------- Добавлено 13.10.2016 в 01:45 ----------

Momentus:
В таком виде работает. Но если 728х90 поменять на 580 на 400 - отображается узкий горизонтальный блок 580х60(подсмотрел в коде)

Еще возможен вариант, что блоку не хватает места по высоте, раз вы получаете 580 на 60. Попробуйте переместить этот блок в другое место страницы.

M
На сайте с 16.01.2015
Offline
26
#18
AlexStep:
Попробуйте использовать style="display:inline-block" вместо style="display:block"
и убрать data-ad-format="auto"

Огромное спасибо, помогло!😎 Ушел настраивать остальные блоки.

12

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