Адаптивная реализация AdSense в боковой панели сайта Bootstrap

Question

Как использовать адаптивный блок Adsense (асинхронный рекламный код) в боковой панели загрузочного сайта Bootstrap? Когда мобильная станция открывает боковую панель нашего сайта, она будет потеряна, и она использует @media и использует дисплей: ни один, который не разрешен для использования вместе с Adsense. Как использовать AdSense в загрузочном бот-блоке, который не нарушает правила Adsense? Спасибо за помощь.

Answer 1

В Google есть отзывчивый рекламный блок, который теперь находится в BETA, поэтому он может быть недоступен для всех издателей. Существует отличная запись о том, как ее можно использовать here. И вы также можете узнать, как настроить их у официального Google documentation.

Следующий фрагмент создаст объявление, которое выполняется асинхронно и автоматически заполняет размер его контейнера.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- responsive_homepage --> 
<ins class="adsbygoogle" 
    style="display:block" 
    data-ad-client="ca-pub-1234" 
    data-ad-slot="5678" 
    data-ad-format="auto"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 

Обратите внимание, что при изменении размера контейнера он не изменяется автоматически, чтобы соответствовать контейнеру. Я предполагаю, что это ограничение использования этого, и он действительно не может быть исправлен без нарушения TOS.

Answer 2

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

Не знаю, помогает ли это, но в моем случае я сделал код объявления внутри <div class="span12">, который также находится внутри <div class="row">. Это работало для меня для размещения горизонтального объявления и с его центрированием.

Это страница, где у меня есть, что горизонтальное объявление ->http://www.espaciodigital.mx/

Теперь, если вы хотите разместить рекламный код на боковой панели, сделать то же самое, что и выше, но разделить страницу с помощью, скажем, <div class="span3"> для боковой панели и <div class="span9"> для остальной части страницы.

я сделал, что на следующей странице, где квадратные объявления находятся на левом ->http://www.espaciodigital.mx/quienes_somos.html

Оба объявления работают хорошо, когда видели в мобильном устройстве. Надеюсь, это поможет!