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

Как настраивать адаптивные объявления 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>

Пример макета с объявлениями, в которых изображение и текст расположены рядом.

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

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

Пример размещения изображения и текста один над другим в AdSense.

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 в AdSense с четырьмя объявлениями по два в каждой строке и столбце.

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>

Рекламный блок Multiplex в AdSense с девятью объявлениями по три в каждой строке и столбце.

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>

Пример размещения изображения и текста один над другим в AdSense.

Рекламный блок Multiplex в AdSense с четырьмя объявлениями по два в каждой строке и столбце.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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