Рекламні блоки

Як налаштувати адаптивний рекламний блок Multiplex

Далі: Про Accelerated Mobile Pages (AMP)

Примітка. Ці опції не підтримуються. Ви можете й надалі їх використовувати для налаштування оголошень Multiplex, але ми не гарантуємо, що все працюватиме належним чином.

Щоб вигляд адаптивних рекламних блоків Multiplex відповідав вашим вимогам, додайте потрібні параметри в код оголошення. За допомогою цих параметрів можна змінювати макет рекламних блоків Multiplex і впорядковувати рядки й стовпці оголошень, розміщених у цих блоках.

Також можна налаштовувати різні параметри для мобільних пристроїв і комп’ютерів. Наприклад, якщо параметр макета міститиме одне значення, ваш рекламний блок Multiplex матиме однаковий вигляд на мобільних пристроях і комп’ютерах. Якщо в параметр макета додати два значення, перше використовуватиметься для рекламних блоків Multiplex на мобільних пристроях, а друге – на комп’ютерах.

Зверніть увагу: ці опції доступні лише для адаптивних рекламних блоків Multiplex. Щоб ваші налаштування працювали, потрібно вказувати всі параметри. Змінивши код оголошення, переконайтеся, що рекламні блоки Multiplex відображаються належним чином на різних пристроях і екранах.

Примітка. У цій статті наведено приклади допустимих змін коду оголошень AdSense. Ви не порушите правила програми AdSense, якщо змінюватимете код оголошення Multiplex, як описано нижче.

Розгорнути всі Згорнути всі

Як змінити макет рекламного блоку Multiplex

Параметр макета (data-matched-content-ui-type) дає змогу керувати розміщенням тексту й зображень у блоках оголошень Multiplex. Наприклад, можна розташувати зображення біля тексту, над текстом тощо.

Нижче наведено доступні варіанти макетів.

Зображення й текст поруч

У цьому макеті зображення й текст відображаються поруч. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="image_sidebyside" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Приклад розміщення оголошень, що містять зображення поруч із текстом.

Зображення й текст у картці

У цьому макеті зображення й текст відображаються поруч у картці. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="image_card_sidebyside" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_sidebyside"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Example of an ad with Image and text side-by-side with card layout.

Зображення над текстом

У цьому макеті текст і зображення розміщені одне над одним. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="image_stacked" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Приклади розміщення оголошень, що містять зображення над текстом.

Зображення над текстом у картці

У цьому макеті текст і зображення розміщені одне над одним у картці. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="image_card_stacked" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="image_card_stacked"

           data-matched-content-rows-num="3"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Приклад розміщення оголошень, що містять зображення над текстом у картці.

Лише текст

Текстовий макет без зображень. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="text" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Приклад розміщення оголошення, що містить лише текст.

Текст у картці

Текстовий макет у картці. Щоб вибрати цей макет, додайте параметр data-matched-content-ui-type="text_card" у код оголошення.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           data-ad-slot="1234567890"

           data-matched-content-ui-type="text_card"

           data-matched-content-rows-num="4"

           data-matched-content-columns-num="1"

           data-ad-format="autorelaxed"></ins>

      <script>

      (adsbygoogle = window.adsbygoogle || []).push({});

      </script>

Приклад розміщення оголошення, що містить текст у картці.

Як указати кількість рядків і стовпців у рекламному блоці Multiplex

Оголошення в рекламному блоці Multiplex упорядковуються за сіткою. Ви можете вибрати кількість рядків і стовпців цієї сітки. Наприклад, для рекламного блоку Multiplex можна вибрати квадрат 2x2, стовпець 4x1 тощо.

Кількість рядків можна визначити за допомогою параметра data-matched-content-rows-num, а за кількість стовпців відповідає параметр data-matched-content-columns-num. Обидва параметри й data-matched-content-ui-type налаштовуються разом.

Примітка

Ви можете додати лише певну кількість рядків і стовпців. Загальна кількість оголошень у рекламному блоці Multiplex варіюється від 1 до 30. Якщо ви спробуєте відобразити менше ніж 1 або більше ніж 30 оголошень, рекламний блок Multiplex буде порожнім.
Інколи вказана кількість рядків і/або стовпців може не відобразитися (наприклад, якщо ви вибрали багато стовпців, але рекламний блок Multiplex недостатньо широкий, щоб їх умістити). У такому разі ми змінимо кількість рядків і/або стовпців, щоб правильно розмістити ваші оголошення у відведеному місці й забезпечити належну взаємодію з користувачем.

Приклади рядків і стовпців

4x1 (мобільні пристрої та комп’ютери)

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

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4"

             data-matched-content-columns-num="1"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Приклад оголошень із зображенням і текстом, розташованих одне над одним в AdSense.

2x2 (мобільні пристрої та комп’ютери)

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

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             data-ad-slot="1234567890"

             data-matched-content-rows-num="2"

             data-matched-content-columns-num="2"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Рекламний блок Multiplex в AdSense із чотирьох оголошень, розташованих у два рядки й два стовпці.

3x3 (мобільні пристрої та комп’ютери)

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

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             data-ad-slot="1234567890"

             data-matched-content-rows-num="3"

             data-matched-content-columns-num="3"

             data-matched-content-ui-type="image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Рекламний блок Multiplex в AdSense із дев’яти оголошень, розташованих у три рядки й три стовпці.

4x1 (мобільні пристрої) і 2x2 (комп’ютери) для адаптивних сайтів

У цьому прикладі коду показано, як згенерувати рекламний блок Multiplex із сіткою 4x1 для мобільних пристроїв і 2x2 для комп’ютерів. Такий варіант рекомендований для адаптивних сайтів.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             data-ad-slot="1234567890"

             data-matched-content-rows-num="4,2"

             data-matched-content-columns-num="1,2"

             data-matched-content-ui-type="image_stacked,image_stacked"

             data-ad-format="autorelaxed"></ins>

        <script>

        (adsbygoogle = window.adsbygoogle || []).push({});

        </script>

Приклад оголошень із зображенням і текстом, розташованих одне над одним в AdSense.

Рекламний блок Multiplex в AdSense із чотирьох оголошень, розташованих у два рядки й два стовпці.

Вирішення проблем

Налаштований рекламний блок Multiplex може відображатися не так, як очікувалося. Нижче наведено поширені проблеми з такими блоками й способи їх вирішення.

Рекламний блок Multiplex порожній

Нижче наведено дві можливі причини.

Загальна кількість оголошень у рекламному блоці Multiplex менша за 1 або більша за 30. Щоб це виправити, змініть кількість рядків і/або стовпців у рекламному блоці.
Рекламний блок Multiplex занадто широкий для вказаної кількості оголошень. У такому разі слід зменшити ширину блоку.

У рекламному блоці Multiplex менше оголошень, ніж очікувалося

Це може статись, якщо для показу вказаної кількості оголошень недостатньо місця (наприклад, ви зазначили багато оголошень, а рекламний блок Multiplex занадто вузький або його переглядають на малому екрані). Тоді ми відкоригуємо кількість рядків і/або стовпців, щоб правильно розмістити ваші оголошення у відведеному місці. Спробуйте змінити ширину рекламного блоку Multiplex або налаштуйте іншу кількість рядків і стовпців для мобільних пристроїв та комп’ютерів.

Оголошення лише текстові

Це може статись, якщо рекламний блок Multiplex занадто вузький для вказаної кількості оголошень. У такому разі слід збільшити ширину блоку.

Як шукати помилки в рекламних блоках Multiplex за допомогою консолі

Щоб перевірити, чи правильно змінено код оголошення Multiplex, можна скористатися консоллю вашого веб-переглядача. Наприклад, консоль повідомить про відсутній обов’язковий параметр або його недійсне значення в коді оголошення.

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

Перейдіть на сторінку з рекламними блоками Multiplex.
Натисніть Ctrl+Shift+J (Windows / Linux) або Cmd+Opt+J (Mac).
Якщо в коді є помилки, вони з’являться на панелі консолі.

Чи корисна ця інформація?

Як можна її покращити?