Установите максимальную высоту рекламного блока AdSense
У меня было 2 рекламных блока Adsense размером 2 x (300x250) в правой боковой панели моего сайта.
Я сделал сайт отзывчивым и заменил эти рекламные блоки рекламными блоками Adsense.
Теперь проблема заключается в том, что Adsense теперь обслуживает 2 x (300x600) рекламных блоков. Adsense TOS заявляет, что вы можете обслуживать только 1 (300x600) рекламный блок на страницу
Максимальная ширина, очевидно, подхвачена рекламными блоками AdSense.
Но когда я пытаюсь установить максимальную высоту родительского div на 250px, чтобы ограничить количество объявлений размером 300x600 на страницу, max-height игнорируется, а adsense все равно отображает 300x600
Кто-нибудь еще столкнулся с этой проблемой, и если да, то как вам удалось установить максимальную высоту чувствительного рекламного блока?
Спасибо заранее,
Кес
Ответы
Ответ 1
Вы можете изменить data-ad-format="auto"
на data-ad-format="rectangle"
. (См. Расширенные функции > Пример горизонтальной формы.)
Я думаю, что вы должны не определить height
(max-height
) в родительском div
.
Высота рекламы (автоматически) определяется adsbygoogle.js
(это умный размер), и если вы хотите контролировать высоту рекламы, вам нужно использовать data-ad-format
( "прямоугольник", "вертикальный", "горизонтальная" или ваша предпочтительная комбинация, например "прямоугольник, горизонталь" ).
Или (не рекомендуется), вы можете "понизить" рекламный код (удалив атрибут data-ad-format
), а затем укажите точный размер с помощью запросов @ media
. (См. Пример точного размера.)
РЕДАКТИРОВАТЬ. Google обновил раздел "Технические соображения" на странице Об уязвимых рекламных блоках.
Есть некоторые ситуации, в которых вам необходимо предпринять дополнительные действия для эффективно реагировать на рекламный блок:
...
Родительский контейнер имеет фиксированную или ограниченную высоту. Отзывчивые объявления не должны размещаться внутри контейнеров с фиксированной или ограниченной высотой, поскольку они могут быть выше на некоторых устройствах или в браузерах. Если вам нужно ограничьте высоту ваших гибких объявлений, вам нужно будет изменить свои кода и использовать запросы мультимедиа CSS для установки высоты родительского контейнер. Узнайте, как изменить свой рекламный блок.
Ответ 2
Мне только удалось это исправить - вы можете установить разделенный запятыми список для формата данных-объявлений.
data-ad-format = "прямоугольник, горизонтальный"
Это устанавливает мобильное объявление в горизонтальное положение, а рабочий стол - прямоугольником, если вы задали свои медиа-запросы с определенными размерами.
Спасибо,
Wesiwyg
Ответ 3
Вы можете сделать это, используя 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 пикселей.
Ответ 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>`