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

Адаптивный код рекламы Adsense

В2
На сайте с 07.12.2016
Offline
14
Вадим27
1482

Здравствуйте, вот нашел способ сделать обычный блок, например, 580х400 адаптивным, вот код: 

<style>

.adaptiv_block_1 { width: 300px; height: 250px; }

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

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

</style>

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

<!-- adaptiv_block_1 -->

<ins class="adsbygoogle adaptiv_block_1"

 style="display:inline-block"

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

 data-ad-slot="xxxxxxxxxx"></ins>

<script>

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

</script>

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

AlexStep
На сайте с 23.03.2009
Offline
348
AlexStep
#1

Видимо проблема вот в этой строчке

.adaptiv_block_1 { width: 300px; height: 250px; }

скорее всего 300х250 не влазит в ваш дизайн, попробуйте заменить на 250х250 или еще меньший формат.

=MaximaN=
На сайте с 14.04.2009
Offline
146
=MaximaN=
#2

Можно тупо обрамить: 

<div style="overflow: hidden;">

Ваш код

</div>
В2
На сайте с 07.12.2016
Offline
14
Вадим27
#3
=MaximaN=:
Можно тупо обрамить: 
<div style="overflow: hidden;">

Ваш код

</div>

Спасибо большое, получилось. А гугл не даст за это бан? Там вроде написано, что изменять их код нельзя...

AlexStep
На сайте с 23.03.2009
Offline
348
AlexStep
#4
Вадим27:
А гугл не даст за это бан?

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

Если блок обрезается, то в правом верхнем углу не будет видно пометку, что это реклама Адсенс, а это уже не хорошо.

АКАР: российский рынок рекламы Вопрос по регионам Как Сеоправда пиарит Миху
S
На сайте с 20.04.2016
Offline
47
Sidkar
#5

чтобы помочь с кодом надо знать при каком разрешении экрана вылезает за пределы и какой размер блок войдет.

Приличная тизерка (http://news.gnezdo.ru/p/0/3884/)
KB
На сайте с 10.08.2006
Offline
164
KGB
#6
Вадим27:
Здравствуйте, вот нашел способ сделать обычный блок, например, 580х400 адаптивным

Я Вам по секрету скажу, что сейчас все коды адсенс адаптивные)))

Sidkar:
чтобы помочь с кодом надо знать при каком разрешении экрана вылезает за пределы

Там элементарно какие нибудь маргины с падингами могут быть, сам код не причем

В2
На сайте с 07.12.2016
Offline
14
Вадим27
#7
KGB:
Я Вам по секрету скажу, что сейчас все коды адсенс адаптивные)))
Там элементарно какие нибудь маргины с падингами могут быть, сам код не причем

Если ставить просто большой блок, то он за рамки вылазит, так как там фиксированный размер. И в adsense нету пометки возле него, что он адаптивный

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