Задать максимальную высоту блока

Question

Adsense отзывчивым объявлений У меня было 2 х рекламных блоков (300x250) Adsense в правой боковой панели моего сайта

Я сделал сайт отзывчивым и заменить эти рекламные блоки с Adsense реагирующих рекламных блоков.

Проблема, которую я сейчас имею, заключается в том, что Adsense теперь обслуживает рекламные блоки размером 2 x (300x600). Adsense TOS заявляет, что вы можете обслуживать только 1 (300x600) рекламный блок на страницу

Максимальная ширина, очевидно, поднимается рекламными блоками AdSense.

Но когда я пытаюсь установить максимальную-высоту родительских дел до 250px, чтобы ограничить количество 300x600 объявлений на страницу, максимальная высота игнорируется, и сгруппировано по-прежнему отображает 300x600

Кто-нибудь еще столкнулись с этой проблемой, и если да, то как вам удалось установить максимальную высоту чувствительного рекламного блока?

Спасибо заранее,

Кес

Answer 1

Вы можете изменить data-ad-format="auto" к data-ad-format="rectangle". (См Дополнительные функции>Horizontal shape example.)

Я думаю, вы должны не определить height (max-height) на родителя div.

высота Объявление (автоматически) определяется adsbygoogle.js (т.е. умный проклейки), и если вы хотите контролировать высоту объявления вам нужно использовать data-ad-format («прямоугольник», «вертикальный», «горизонтальный» или ваш preferred combination как «прямоугольник, горизонтальный»).

Или (не рекомендуется), вы могли бы «понизить» рекламный код (удалив data-ad-format атрибут), а затем указать точный размер (ы) с @media запросов. (См Exact size example.) EDIT

---

- Google обновленный раздел "Технические соображения" на "About responsive ad units" страницы.

Есть несколько ситуаций, в которых вы должны будете принять дополнительные меры для сделать адаптивный рекламный блок работать правильно:

...

Родитель контейнер фиксированная или ограниченная высота. Отзывчивые объявления не должны размещаться внутри контейнеров с фиксированной или ограниченной высотой, , поскольку они могут быть выше на некоторых устройствах или в браузерах. Если вам нужно, чтобы ограничивал высоту ваших отзывчивых объявлений, вам нужно изменить свой код и использовать CSS-запросы для установки высоты родительского контейнера . Узнайте, как modify your responsive ad unit.

Answer 2

Мне только удалось это исправить - вы можете установить разделенный запятыми список для формата данных-объявлений.

данных одноранговой формат = «прямоугольник, горизонтальный»

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

Спасибо, Wesiwyg

Answer 3

Вы можете сделать это с помощью CSS в <ins style="display:inline-block;......"> или указав класс <ins class="adsbygoogle ......">

Пример от Google AdSense ответы: Specify an expandable width and a fixed height

Вы можете изменить ваш отзывчивый рекламный код, чтобы указать расширяемую ширину и фиксированную высоту для рекламного блока через CSS. В следующем примере показано, как сделать эти изменения:

расширяемый ширина с примером фиксированной высоты

Этот пример показывает, как изменить свой адаптивный рекламный код указать фиксированную высоту 90 пикселей и переменной ширины от мин -width 400px до макс-ширина 970px:

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

От Policies and restrictions:

Кроме того, следующие ограничения размера будет обеспечиваться:

• только одно измерение может быть больше, чем 300 пикселей
• Минимальная ширина 120 пикселей
• Минимальная высота составляет 50 пикселей
не
• Ни высота или ширина могут превышать 1200 пикселей.

Answer 4

Для этого сначала установите рекламный контейнер или рекламный код в центр. используя этот тег: <center>Adsense code here</center>. а затем установите максимальную высоту или ширину и минимальную высоту или ширину, как и в приведенном ниже примере.

---

<center> 
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> 
    </script> 
    <!--responsive ad --> 
    <ins class="adsbygoogle" style="display:block;max-width:specify your maximum width here; max-height: set o your maximum height here; and do the same for min-height:here;min-width:here;" 
     data-ad-client="ca-pub-0019" 
     data-ad-slot="530000000000" 
     data-ad-format="auto"></ins> 
    <script> 
    (adsbygoogle = window.adsbygoogle || []).push({}); 
    </script> 
</center>` 

---