Установка максимальной высоты адаптивного рекламного блока Adsense

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

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

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

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

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

кто-нибудь сталкивался с этой проблемой и если да, то как вам удалось установить Макс-высота адаптивный рекламный блок?

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

Kes

33
adsense css responsive-design

4 ответов

вы можете изменить data-ad-format="auto" до data-ad-format="rectangle". (См. дополнительные функции > пример горизонтальной формы.)

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

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

или (не рекомендуется) вы можете "понизить" рекламный код (удалив data-ad-format атрибут), а затем укажите точно размер(S) с @media запросы. (См.пример точного размера.)

редактировать - Google обновил раздел " технические соображения "на"об отзывчивых рекламных блоках" страница.

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

...

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

52

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

данные-ад-формат="прямоугольник", "горизонтальный"

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

спасибо, Wesiwyg

6

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

пример из Google AdSense ответы: укажите расширяемую ширину и фиксированную высоту

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

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

в этом примере показано, как изменить адаптивный рекламный код на укажите фиксированную высоту 90px и переменную ширину от min-width От 400px до max-width 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>

С правила и ограничения:

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

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

чтобы сделать это, сначала установите контейнер объявлений или код объявления в центр. используя этот тег:<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>`
0