Адаптивная реклама Google Adsense не отображается

По следующей ссылке у меня есть 3 объявления, Right / Left / Header Ads. Они используют Адаптивные Единицы, статус "Активный", проблема в том, что Адаптивные объявления не показываются, Google показал, что это вызвано тематикой CSS, возможно, Рекламные блоки не принимают размер родительского div .

Я пробовал следующее:

    <div class="right-ad">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  
<ins class="adsbygoogle"
 style="display:inline"
 data-ad-client="ca-pub-1588985522291479"
 data-ad-slot="8975496541"
 data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>  

2:

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

Все еще пусто, CSS выглядит следующим образом (минимум 950 пикселей):

            margin-right: 1%;
            position: relative; 
            width: 13%;
            height: 100%;  
            margin-top:1em;
            float:right;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 2px;
            box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;

Почему это все еще пусто?

Редактировать:

</div>  

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

2 ответа

Решение
<ins class="right-ad"
 style="display:inline"

Вы добавили это в HTML объявления? Вы не должны изменять рекламный код. За data-ad-format="auto" объявление будет адаптировано к размеру контейнера. Просто удалите то, что вы добавили в рекламный код, и измените контейнер. В вашем случае <div class="right-ad"> дела.

Вот как выглядит обычный рекламный код

<div class="my-container" style="width: 500px; height: 300px">

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

</div>

Так что ваши style="display:inline" должно быть

style="display:block"

Мои предложения: в рекламном коде,

 display : inline-block

и удалить
data-ad-format="auto"

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

Другие вопросы по тегам