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

K
На сайте с 30.09.2015
Offline
40
ksp
#41

WIKIMEO, ну если судя прям по тому коду, то получится вот так. но я если честно не понимаю почему не задана высота у мобильной версии блока

<style>
.adslot_1{display:block;width:100%}
@media (min-width:900px){.adslot_1{display:inline-block;width:336px;height:280px}}
</style>
<script src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" ></script>
<ins class="adsbygoogle adslot_1" data-ad-client="ca-pub-6345889*******" data-ad-slot="625*****" data-ad-format="auto"></ins>');
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
WIKIMEO
На сайте с 20.05.2015
Offline
214
#42

Сделал по их инструкции...Вроде бы ничего)) Посмотрим.

⭐ Настрою Adsense, РСЯ и тизерные сети для увеличения дохода ( https://searchengines.guru/ru/forum/1015646 ). Telegram: @DiamantG, Skype: eurobulgary ⭐ Отзывы для компаний, магазинов, и товаров. ⭐ Ведение групп во всех соцсетях в режиме 24/7.
XX
На сайте с 01.06.2011
Offline
46
#43

У меня сразу под статьей больше всего дохода приносит блок с такими настройками

<style>

.example_responsive_1 { width: 300px; height: 250px; }
@media(min-width: 500px) { .example_responsive_1 { width: 336px; height: 280px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 580px; height: 400px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXX11XXX9"
data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

В сайдбаре как не крутил/вертел ничего по доходам не меняется. Остановился на стандартных блоках с настройками

data-ad-format="auto"

или

data-ad-format="rectangle, horizontal"
xtras
На сайте с 03.12.2013
Offline
313
#44

Подскажите, а в стате как будут отображаться блоки, где задается изменение размера в зависимости от разрешения?

Сейчас создал для пробы адаптивный блок, скопировал с него циферки в предложенный в топике вариант, проверил - на компе 580х400, на мобильнике 336х280, все вроде работает. Но вот не могу понять, где искать потом его в стате? В статистике этого адаптивного блока? Или появятся отдельно какие-то статистики для разных форматов (ведь выводятся и 580х400 и 336х280). И как каналы задать для этих разных форматов?

WIKIMEO
На сайте с 20.05.2015
Offline
214
#45

xtras, в статистике этого самого блока)

Кстати, я не создавал адаптивный.

У меня уже были готовые на 670х300 и 336х280.

Из них сейчас и получаются разные блоки.

xtras
На сайте с 03.12.2013
Offline
313
#46
WIKIMEO:
xtras, в статистике этого самого блока)
Кстати, я не создавал адаптивный.
У меня уже были готовые на 670х300 и 336х280.
Из них сейчас и получаются разные блоки.

Я что-то напутал? Надо было циферки не из адаптивного брать? А из блоков соответствующих форматов? Все эти ca-pub и т.д.?

WIKIMEO
На сайте с 20.05.2015
Offline
214
#47

Не)))) Можно и из адаптива)) Просто я плюнул на это, и подставил цифры в код с обычных блоков (670х300 или 728х90)

xtras
На сайте с 03.12.2013
Offline
313
#48
WIKIMEO:
Не)))) Можно и из адаптива)) Просто я плюнул на это, и подставил цифры в код с обычных блоков (670х300 или 728х90)

А, вот в чем дело, то есть можно заранее создать и вставлять в код нужные цифры. Понятно, спасибо.

WIKIMEO
На сайте с 20.05.2015
Offline
214
#49

xtras,

Конечно...С любого блока (не обязательно адаптивного) можно взять цифровые значения)

---------- Добавлено 02.02.2016 в 03:20 ----------

Вообще я взял код с официального источника, и с блока 728х90 сделал следующее:

<style>
.Gudermes { width: 300px; height: 250px; }
@media(min-width: 500px) { .Gudermes { width: 468px; height: 60px; } }
@media(min-width: 800px) { .Gudermes { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Gudermes -->
<ins class="adsbygoogle Gudermes"
style="display:inline-block"
data-ad-client="ca-pub-7********"
data-ad-slot="2****"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

В итоге с ПК видно только 728х90, с планшета 468х60, с телефонов виден квадрат 300х250.

Но!!! Это только если сайт имеет адаптивный дизайн.

Пробуйте, сервис использую этот для измерения.

У меня просто смартфона нет)

XX
На сайте с 01.06.2011
Offline
46
#50
xtras:
Подскажите, а в стате как будут отображаться блоки, где задается изменение размера в зависимости от разрешения?

Сейчас создал для пробы адаптивный блок, скопировал с него циферки в предложенный в топике вариант, проверил - на компе 580х400, на мобильнике 336х280, все вроде работает. Но вот не могу понять, где искать потом его в стате? В статистике этого адаптивного блока? Или появятся отдельно какие-то статистики для разных форматов (ведь выводятся и 580х400 и 336х280). И как каналы задать для этих разных форматов?

Расширенные отчеты --> Размеры объявлений

В фильтр добавляете нужный адаптивный блок и смотрите его стату.

Еще забыл добавить :)

Для такого типа отчета работает только вторая строчка. Зачем нужна первая я так и не понял.

jpg otc.jpg

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