Как сделать отзывчивый масштаб объявлений Google adsense при изменении размера?

Я использую google adsense отзывчивые объявления (с Bootstrap), и он работает правильно при загрузке страницы. Также в ручном устройстве он правильно определяет ориентацию и немедленно настраивает рекламу.Как сделать отзывчивый масштаб объявлений Google adsense при изменении размера?

Однако, когда я изменяю размер моего браузера, он не реагирует на него. Странно требовать отзывчивость, когда в системе нет встроенной системы для определения размера экрана. Я думал добавить eventenerener, но это хорошая работа или она сломается? Я также думал о загрузке в разных размерах объявлений с несколькими точками разрыва, но я хотел бы избежать этого и просто использовать «отзывчивое» объявление.

Заранее благодарим за любые предложения.

источник

2015-05-31 Michelangelo

-1

Сначала назначьте высоту и ширину div, в которые вы хотите разместить объявление, используя либо проценты, либо px (проценты легко масштабируются).

Затем, используя CSS, создайте медиа-запросы, чтобы иметь изменение высоты и ширины рекламного блока на основе высоты и ширины экрана.

Затем добавьте что-то вроде .adDiv iframe { max-width:100% !important; max- height:100% !important;} в ваш CSS. Это говорит браузеру, чтобы объявление (предполагая, что это iframe) для полной шкалы div, а !important переопределяет любой CSS, заданный объявлением или любыми плагинами.

Надеюсь, это помогло!

источник

2015-05-31 13:30:44

Спасибо за ответ, но он не работает. Я уже пробовал '! Important', но, похоже, это ничего не меняет. Кроме того, объявление получает свои собственные теги стиля a-sync, поэтому мой контейнер div уже загружен. Я не могу сгибать стили, установленные самим объявлением. – Michelangelo

-1

Использование рекламного блока Google AdSense с асинхронным режимом. Он отлично отображен для всех размеров сайта, он загрузится после завершения загрузки вашего сайта.

Итак, сначала нужно написать CSS для реагирования на все устройства, а Google Adsense будет загружаться с опозданием, это не сделает ваш сайт сломанным отзывчивым дизайном. Повторите размер экрана в этом случае не так, потому что ваш сайт загружен завершенным.

источник

2015-06-01 09:30:22 Huy

Не думаю, что я сделал себе достаточно ясно. В моих объявлениях учитываются рекламные блоки, и они загружают async, но при изменении размера моего браузера они вообще не реагируют. Они просто остаются такими же, как и при первой загрузке. Даже при создании медиа-запросов или установке встроенного css. Приложение получает свои собственные теги 'style' и не будет склоняться к моим правилам. – Michelangelo

Да, это правда, потому что Google Ads не будет изменяться при изменении размера браузера. Но важно ли вы действительно изменить его размер? Потому что, когда вы загружаете веб-сайт, объявления будут отображаться в правильном размере для этого устройства, поэтому вам просто нужно сделать свой сайт отзывчивым для всех устройств, а затем добавить код GA, он будет отображаться хорошо для любого размера. – Huy

В отзывчивым объявления, изменение данных объявлений формата «авто» в «горизонтальный»

data-ad-format="horizontal"

Кроме того, добавить медиа запросов ограничение мобильного высоты.

.adsense-mobile { 
    height: 60px; 
}

Финал:

<ins class="adsbygoogle adsense-mobile" 
      style="display:block" 
      data-ad-client="ca-pub-XXXXXX" 
      data-ad-slot="XXXXXX" 
      data-ad-format="horizontal"></ins> 
     <script> 
      (adsbygoogle = window.adsbygoogle || []).push({}); 
     </script>

источник

2017-09-11 15:32:40 user1040259

Как сделать отзывчивый масштаб объявлений Google adsense при изменении размера?

ответ

Смежные вопросы