Форум Монетизация сайтов Google AdSense

Настройка адаптивного блока

Р
На сайте с 10.06.2016
Offline
74
Румян
615

Помогите с настройкой адаптивного блока.

Сайт в одну колонку шириной 1000px, поэтому адаптивный блок на ПК очень вытянут и проигрывает тем же нативным блокам, но на меньших разрешениях адаптивны показывают хорошие результаты.

Подскажите как сделать, чтобы на всех разрешениях высота адаптивного блока была не менее 120px.

Пробовал оба варианта из справки адсенс:

Вариант 1

<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>

Блок не отображается, только пустая область. Что не так?

Вариант 2

<ins class="adsbygoogle"

style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"

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>

В данном варианте поставил min-heigh: 120px, на сайте по прежнему отображаются узкие блоки адсенс, но под ними остается свободное пространство до 120px.

В чем моя ошибка?

F
На сайте с 07.02.2018
Offline
50
Fantella
#1

Я адаптивы встраиваю так: 


<div class="justify-content-center w-100">

	<div style="max-width:600px" class="mx-auto">

		<?php

			include_once('banner_adaptive_1.php');

		?>

	</div>

</div>

и ширина в 600 получается. Особенно хорошо, когда под картинкой в 600 точек.

D.iK.iJ
На сайте с 26.05.2013
Offline
228
D.iK.iJ
#2

А почему не просто min-height: 120px; ?

Еще я бы попробовал вот такой формат записи:

@media screen and (min-width: 500px) {
Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
minsky
На сайте с 01.09.2012
Offline
168
minsky
#3
Fantella:
Я адаптивы встраиваю так: 


<div class="justify-content-center w-100">

	<div style="max-width:600px" class="mx-auto">

		<?php

			include_once('banner_adaptive_1.php');

		?>

	</div>

</div>


и ширина в 600 получается. Особенно хорошо, когда под картинкой в 600 точек.

Ну это вообще-то не адаптив,,,,

---------- Добавлено 13.11.2018 в 02:32 ----------

max-width: 100%;

height: auto;

Продвигаю сайты ссылками, ускоряю индексацию сайтов и отдельных страниц ( https://kwork.ru/user/minsky?ref=23382 )

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