Адаптивное изменение рекламы в Adsense с изменением ориентации экрана (при использовании Bootstrap для макета)

Question

На моем веб-сайте я использую Bootstrap 3.2 для отзывчивого дизайна, и я пытаюсь внедрить добавление AdSense. У меня проблемы с изменениями ориентации: я бы ожидал, что добавление изменит размер на таком событии, но этого не произойдет. Эта функция готова для Adsense? Некоторые old post в блоге Adsense говорят:

Новый рекламный код реагирует только на загрузку начальной страницы. Последующие изменения размера объявления, такие как изменение ориентации экрана, не будут , что приведет к отображению нового объявления. Мы знаем, что это важная функция для многих из вас, и мы в настоящее время работаем над этим.

Но current documentation не упоминает такую ​​проблему. Работает ли этот размер?

Answer 1

Получается, что сообщение в блоге, которое я цитировал, касается расширенного режима (режим, который позволяет указать точный размер объявления с помощью CSS). Несмотря на то, что год назад Google осознал эту проблему, продвинутые объявления не изменяются автоматически при выполнении операций ориентации экрана.

В документации AdSense указано, что изменяющиеся объявления изменяются с изменениями ориентации. Это правда, но только для дефолта (не продвинутые объявления).

В расширенном режиме можно указать точные размеры объявлений с помощью правил CSS @media CSS. Но для меня можно было добиться почти той же самой вещи, обернув объявления, настроенные по умолчанию, с контейнером div. Размер контейнера также может быть определен правилами CSS @media, поэтому у меня есть тот же результат, что и в случае с расширенными объявлениями +. Я получаю пользу от изменения размеров рекламы при изменении ориентации экрана.

Answer 2

Я в основном съемки здесь, потому что это не очень много информации здесь, чтобы быть справедливым, но:

Что произойдет, если добавить стиль = «дисплей: блок;» а также формат данных = «авто» для ваших объявлений?

Если это не поможет, я думаю, что медиа-запросы - ваш друг в этом вопросе.

Answer 3

Объявления от AdSense, даже отзывчивые, загружаются по вашему размеру экрана и ориентации один раз - при загрузке веб-страницы. Конечно, вы можете попытаться перезагрузить часть страницы, где показывается ваше объявление, но тогда у вас будут проблемы с внутренними элементами iframe (AdSense не любит быть в iframe).

Answer 4

Попробуйте использовать это - https://github.com/mattnish/rad

Я просто использовал его в одном из моих проектов, и даже если он говорит, что «устаревшие» она прекрасно работает.

Проблема с adsense «отзывчивыми объявлениями» заключается в том, что она реагирует только на начальную нагрузку.

Answer 5

Вот мой пример. Я использовал расширенный режим с адаптивным рекламным блоком и размещал следующие мультимедийные запросы.

<style> 
.myclass-responsive { width: 320px; height: 100px; } 
@media (min-width: 768px) and (min-height: 768px) { .myclass-responsive { width: 728px; height: 90px; } } 
</style> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- myclass-responsive --> 
<ins class="adsbygoogle myclass-responsive" 
    style="display:inline-block" 
    data-ad-client="XXXX" 
    data-ad-slot="YYYY"></ins> 
<script> 
    (adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 

Дело в том, что реклама в расширенном режиме загружаются на основе измерения устройства видового экрана, но не менять размеры динамически. Режим интеллектуального изменения размера по умолчанию создавал смешанные результаты с моим компоновкой и иногда прерывал его при динамическом изменении размера.Использование (min-width: 768px) и (min-height: 768px) в макете Bootstrap с адаптивным рекламным блоком в расширенном режиме, похоже, исправляет любую проблему с изменением размера, которую я имел (как минимум, на 5 устройствах, которые я тестировал по крайней мере). Однако для некоторых устройств вы можете получать недоразвитые объявления, но это история об этом ... вы не можете получить все.