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

Как настраивать адаптивные объявления Multiplex

Примечание. Эти функции больше не поддерживаются. Вы можете их использовать, чтобы настраивать объявления Multiplex, но мы не гарантируем, что они всегда будут работать.

Чтобы настроить адаптивный блок объявлений Multiplex, добавьте в код объявления специальные параметры. Они определяют макет блока, количество строк и столбцов с объявлениями и т. д.

Параметры также позволяют задавать разные настройки для мобильных устройств и компьютеров. Например, если вы создадите параметр макета с одним значением, то на разных платформах ваш блок объявлений Multiplex будет оформлен одинаково. Если же значений два, то внешний вид блока на смартфоне (первое значение) будет отличаться от внешнего вида на компьютере (второе значение).

Такие возможности доступны только для адаптивных блоков объявлений Multiplex, причем для их настройки обязательны все параметры. Изменив код объявления, проверьте блоки объявлений Multiplex на различных устройствах и экранах.

Примечание. Приведенные в этой статье примеры являются разрешенными модификациями кода объявлений AdSense. Это означает, что, изменив код объявлений Multiplex указанными ниже способами, вы не нарушите правила программы AdSense.

Развернуть все Свернуть все

Как изменить внешний вид блока объявлений 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>

Example of ads with mages and text side by side layout.

Изображение сбоку от текста, на карточке

Изображение и текст размещены на карточке рядом друг с другом. Чтобы выбрать этот макет, добавьте в код объявления параметр 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>

Example of ads with images stacked above text layout.

Изображение над текстом, на карточке

Этот макет похож на предыдущий, но изображение и текст расположены внутри карточки. Чтобы выбрать такой макет, добавьте в код объявления параметр 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>

Example of ads with images stacked above text with card layout.

Только текст

Текстовый макет без изображения. Чтобы выбрать этот макет, добавьте в код объявления параметр 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>

Example of a text-only ad layout.

Текст на карточке

Текст, оформленный как карточка. Чтобы выбрать этот макет, добавьте в код объявления параметр 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>

Example of text with card ad layout.

Количество строк и столбцов в блоках объявлений Multiplex

Объявления внутри блока Multiplex расположены в строках и столбцах. Вы можете указать их количество. Например, задайте конфигурацию блока как 2 x 2 (квадрат), 4 x 1 (столбец) и т. п.

За количество строк отвечает параметр data-matched-content-rows-num, за количество столбцов – data-matched-content-columns-num. Необходимо использовать оба параметра вместе с data-matched-content-ui-type.

Примечания

Существуют ограничения на количество строк и столбцов. В блоках Multiplex должно содержаться от одного до 30 объявлений. Если вы попытаетесь показать менее одного или более 30 объявлений, блок объявлений Multiplex окажется пустым.
Иногда система не может показать именно столько строк или столбцов, сколько вы задали. Например, так бывает, если вы добавили много столбцов, но блок объявлений Multiplex недостаточно широкий. В этом случае система изменит количество строк и/или столбцов, чтобы блок не мешал пользователям.

Примеры конфигураций строк и столбцов

4 x 1 (смартфоны, компьютеры)

В этом примере показано, как создать блок из четырех строк и одного столбца с четырьмя объявлениями 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>

Example of image and text arranged one on top of the other in Ad Sense.

2 x 2 (смартфоны, компьютеры)

В этом примере показано, как создать блок из двух строк и двух столбцов с четырьмя объявлениями 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 ad unit in Ad Sense with two rows and two columns that shows a total of four ads.

3 x 3 (смартфоны, компьютеры)

В этом примере показано, как создать блок из трех строк и трех столбцов с девятью объявлениями 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>

A Multiplex ad unit in Ad Sense with three rows and three columns that shows a total of nine ads.

4 x 1 (мобильные устройства) и 2 x 2 (компьютеры) для адаптивного дизайна

В этом примере показано, как создать блок с размером 4 x 1 для мобильных устройств и размером 2 x 2 для компьютеров. Используйте эту конфигурацию, если у вас сайт с адаптивным дизайном.

<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>

Example of image and text arranged one on top of the other in Ad Sense.

Multiplex ad unit in Ad Sense with two rows and two columns that shows a total of four ads.

Устранение неполадок

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

Блок объявлений Multiplex пуст

Вероятные причины:

В блоке объявлений Multiplex содержится меньше одного или больше 30 объявлений. Измените количество строк и/или столбцов блока, чтобы общее количество объявлений Multiplex соответствовало ограничениям.
Блок слишком широк для заданного количества объявлений Multiplex. Уменьшите его ширину.

В блоке слишком мало объявлений Multiplex

Это бывает, если не хватает места, чтобы показать именно столько объявлений, сколько вы задали. Например, так может случиться, если вы хотите показывать много объявлений Multiplex, а блок слишком узкий или открыт на маленьком экране. В таком случае система учитывает доступное пространство и корректирует количество строк и/или столбцов. Советуем изменить ширину блока объявлений Multiplex или использовать разное количество строк и столбцов на смартфонах и компьютерах.

В объявлениях показывается только текст

Это возможно, если блок слишком узкий для заданного количества объявлений Multiplex. Увеличьте ширину блока.

Используйте консоль для поиска ошибок в блоках объявлений Multiplex

Вы можете использовать консоль в браузере, чтобы проверить, правильно ли изменен код объявления в блоках объявления Multiplex. Например, можно узнать, указаны ли в коде все обязательные параметры и допустимы ли значения.

Если вы работаете в Chrome, выполните следующие действия, чтобы проверить код объявления в консоли разработчика:

Перейдите на страницу со своими блоками объявлений Multiplex.
Нажмите CTRL + SHIFT + J (Windows, Linux) или CMD + OPT + J (Mac).
Посмотрите сообщения об ошибках в консоли.

Эта информация оказалась полезной?

Как можно улучшить эту статью?