Минимальная высота для чувствительного блока AdSense

Question

У меня есть отзывчивое рекламное устройство на моей странице, и по какой-то причине оно имеет высоту 60 пикселей, в то время как мне действительно нужно, чтобы оно составляло 90 пикселей и переключалось на 300x250, когда экран становится меньше. Есть ли способ контролировать это?

p.s. это довольно стандартный код AdSense

<div classs="adunit"> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- Pmember Resp1 --> 
<ins class="adsbygoogle" 
    style="display:block" 
    data-ad-client="ca-pub-****" 
    data-ad-slot="*****" 
    data-ad-format="auto"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 
</div> 

CSS для него

.adunit {max-width:730px} 

Я попытался

<ins class="adsbygoogle" 
    style="display:block;min-height:90px" 

и я попытался

.adunit {min-height:90px} 

Answer 1

Ответ ваш высота выпуск есть в вашем вопросе название сам.

Просто дайте уникальный класс или имя идентификатора этот элемент, как это:

<div class="someUnit"> 
    <!--some codes--> 
</div> 

И добавить к вашей CSS:

.someUnit { 
    min-height: 90px; 
} 

---

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

@media (max-width: 480px) { 
    .someUnit { 
     width: 300px; 
     height: 250px; 
    } 
} 

N.B. Замените 480px на правильную ширину экрана, на которую вы хотите увеличить размеры.

Answer 2

Вы используете смарт проклейки (data-ad-format атрибута), и вы можете контролировать общую форму ...

... путем изменения значения данных ад-формат в одно из следующих значений: «прямоугольник», «вертикальный», «горизонтальный» или любая комбинация этих , разделенных запятой, например «прямоугольник, горизонтальный».

создать адаптивный рекламный блок/Указать общую форму
https://support.google.com/adsense/answer/3543893

Если вы хотите полный контроль над высотой, вам необходимо удалить data-ad-format и использовать @media запросы:

<style type="text/css"> 
.adslot_1 { width: 320px; height: 100px; } 
@media (min-width:500px) { .adslot_1 { width: 300px; height: 250px; } } 
@media (min-width:800px) { .adslot_1 { min-width: 300px; max-width: 970px; width:100%; 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> 

Выше фрагмент представляет собой комбинацию «Укажите ширину для увеличения ширины и фиксированную высоту» и «Укажите точное значение si ze на ширину экрана "от page I linked.

Если вы хотите поместить этот блок в верхней части страницы, то я думаю, что вы хотите оставить .adslot_1 { width: 320px; height: 100px; } в коде, как я предложил, потому что:

размещает блок 300x250 объявления сверху оптимизированной на мобильном телефоне странице рассматривается нарушение правил?

Да, это будет считаться нарушением политики, как она подпадает под нашу политикой размещения объявлений для сайта, который выталкивает содержимое ниже раза. Эта реализация займет слишком много места на мобильном телефоне с просмотром первого экрана с оптимизированным сайтом с объявлениями и предоставляет пользователям плохие . Всегда старайтесь думать о том, как пользователи на на вашем сайте - это поможет гарантировать, что пользователи продолжат посещать.

политика AdSense Вопросы и ответы/Часть 3: Mobile связанных
https://support.google.com/adsense/answer/3394713?hl=en#3

Может быть, вы хотите увидеть крошечный учебник я написал о @media запросах с AdSense:

Почему мы не должны использовать @media запросов на INS AdSense тег
https://productforums.google.com/forum/#!topic/adsense/TiihLH_gMnw

Answer 3

Удалить data-ad-format="auto" и установить dimensions в атрибуте стиля.