Пример кода с медиазапросами для вывода Вертикального Рекламного блока в мобильных устройствах

В данном примере рассматривается Вертикальный блок Гугл Адсенс.


.your_code {
  width: 200px;
  height: 67vh; 
 }

@media(min-width: 500px) {
.your_code {
  width: 250px;
  min-height: 450px;
  height: 67vh; 
 }
}

@media(min-width: 800px) { 
.your_code {
  width: 250px;
  min-height: 450px;
  height: 67vh; 
 }
}  

<div class="your_code">
    <!-- Код вашей рекламы -->

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
    <!-- your_code --> 
    <ins class="adsbygoogle your_code" 
    style="display: inline-block;" 
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" 
    data-ad-slot="xxxxxxxxxx"></ins>

    <!-- Код вашей рекламы -->
</div>

.your_code {

width: 200px;

height: 67vh;

}

@media(min-width: 500px) {

.your_code {

width: 250px;

min-height: 450px;

height: 67vh;

}

@media(min-width: 800px) {

.your_code {

width: 250px;

min-height: 450px;

height: 67vh;

}

<ins class="adsbygoogle your_code"

style="display: inline-block;"

data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"

data-ad-slot="xxxxxxxxxx"></ins>

</div>

Главное (кратко)

Установка и настройки

Поддерживаем

Поставщики рекламы

Вопросы и ответы

Пример кода с медиазапросами для вывода Вертикального Рекламного блока в мобильных устройствах