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

Как настраивать адаптивные объявления 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-xxxxxxxxx" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

Image 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-xxxxxxxxx" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

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-xxxxxxxxx" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

Image 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-xxxxxxxxx" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

Image 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-xxxxxxxxx" crossorigin="anonymous"></script>

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

text-only layout

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

Текст, оформленный как карточка. Чтобы выбрать этот макет, добавьте в код объявления параметр data-matched-content-ui-type="text_card".

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

      <!-- pbad -->

      <ins class="adsbygoogle"

           style="display:block"

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

           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>

Text with card 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-xxxxxxxxx" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             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>

4x1 grid

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

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

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

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             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>

2x2 grid

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

В этом примере показано, как создать блок из трех строк и трех столбцов с девятью объявлениями Multiplex.

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

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             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>

3x3 grid

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-xxxxxxxxx" crossorigin="anonymous"></script>

        <!-- pbad -->

        <ins class="adsbygoogle"

             style="display:block"

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

             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>

4x1 grid

2x2 grid

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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