Як налаштувати висоту оголошення In-feed

Висота оголошень In-feed у службі AdSense налаштовується автоматично, щоб усі елементи оголошення розміщувались у видимій частині екрана. Це означає, що більшості видавців не потрібно вносити додаткові зміни у свої оголошення In-feed. Якщо у вас особливі вимоги до висоти оголошення In-feed, ви можете змінити його код, налаштувавши спеціальну висоту. Ви можете налаштувати фіксовану або змінну висоту, якщо фід розміщено на адаптивному або неадаптивному сайті.

У цій статті наведено приклади дозволених модифікацій коду оголошення AdSense. Ви не порушите правила програми AdSense, якщо змінюватимете код свого оголошення In-feed в описаний спосіб.

Як налаштувати фіксовану висоту (неадаптивні сайти)

Ви можете вказати фіксовану висоту для свого оголошення In-feed, додавши значення для атрибута висоти до коду оголошення. Наприклад: height:120px. Використовуйте цей параметр, якщо рекламний блок оголошення In-feed містить фіксований контейнер, тобто є неадаптивним.

Якщо ви не знаєте, яку висоту встановити, скористайтеся інструментами розробника веб-переглядача, щоб указати точну висоту оголошення без пробілу. Докладніше читайте в статті Як визначити розмір зображень у фіді.

Нижче показано приклад оголошення In-feed із фіксованою висотою 120 пікс.:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Як налаштувати змінну висоту (адаптивні сайти)

Якщо ширина рекламного блока In-feed залежить від ширини екрана, тобто є адаптивною, вам потрібно використовувати медіа-запити CSS у коді оголошення, щоб указувати різну висоту для різних екранів.

Щоб визначити, яку висоту налаштовувати, радимо:

1. Адаптувати ширину свого сайту для різних екранів, як-от 350 пікс., 500 пікс., 1000 пікс.
2. Для цього скористайтеся інструментами розробника веб-переглядача, щоб указати точну висоту оголошення без пробілу. Докладніше читайте в статті Як визначити розмір зображень у фіді.

Нижче показано приклад оголошення In-feed висотою 180 пікс. для екранів шириною 350 пікс., висотою 130 пікс. для екранів шириною 500–800 пікс., і висотою 200 пікс. для екранів шириною понад 800 пікс.:

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Важливо. У прикладі вище кольором виділено зміни, які вам потрібно внести в код оголошення. Використовуйте у коді оголошення однакову назву класу (наприклад, infeed).

Змінивши код оголошення In-feed, перевірте, як воно відображається на пристроях із різною шириною екрана.

Чому мої оголошення In-feed іноді показуються з додатковим пробілом або кнопкою "Докладніше"?

Блоки оголошення In-feed адаптивні й підтримують широкий діапазон областей перегляду. Вони автоматично змінюють розмір відповідно до макета сторінки й дорівнюють ширині контейнера фіду, у якому розміщені. Їх висота залежить від вмісту й налаштувань оголошень In-feed, вибраних в AdSense.

Іноді, коли оголошення In-feed перебуває в області перегляду (у верхній частині сторінки), не вдається адаптувати висоту оголошення без переформатування вмісту під ним. У таких випадках може з’являтися пробіл або кнопка "Докладніше" , щоб розгорнути оголошення. Це відбувається, щоб забезпечити найефективнішу взаємодію з користувачами.