---
metadata:
- name: generator
content: Diplodoc Platform v5.54.2
alternate:
- https://yandex.com/support/varioqub/en/ads.md
- https://yandex.com/support/varioqub/ru/ads.md
- https://yandex.com/support/varioqub/tr/ads.md
- href: ru/ads.md
type: text/markdown
title: Markdown version
- href: llms.txt
type: text/markdown
title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/varioqub/ru/llms.txt
# Эксперименты над рекламой
С помощью Varioqub можно проводить эксперименты с рекламными блоками Рекламной сети Яндекса и Adfox: сравнивать между собой типы блоков и блоки с разными настройками, тестировать изменение размеров и расположения блоков, оценивать влияние на доход и пользовательские метрики от добавления нового блока.
В результате эксперимента доступен [отчет с показателями](https://yandex.com/support/varioqub/ru/stat.md), которые помогают определить, какой вариант статистически значимо приносит наибольший доход и не снижает пользовательские метрики.
## Подключение эксперимента {#connect}
#### **Шаг 1. Подключите Varioqub**
Подробно см. в разделе [Начало работы](https://yandex.com/support/varioqub/ru/index.md#quick-start) и [Подключение](https://yandex.com/support/varioqub/ru/connect.md). Рекомендуем подключать Varioqub с помощью JavaScript.
#### **Шаг 2. Добавьте счетчик Метрики в настройки рекламного кабинета**
{% list tabs %}
- Рекламная сеть Яндекса
1. В [интерфейсе Рекламной сети Яндекса](https://partner.yandex.ru) перейдите к списку сайтов: **Реклама на сайтах** → **Сайты и блоки** → **Сайты**.
1. Напротив нужного сайта нажмите кнопку  и выберите **Редактировать**.
1. На вкладке **Общие** включите опцию **Показывать отчеты по РСЯ в Метрике**.
1. В поле **Счетчики Метрики** укажите номер вашего счетчика и сохраните изменения.
- Adfox
1. В [Adfox](https://adfox.yandex.ru/promo) перейдите к списку сайтов: **Настройки** → **Системные** → **Счетчики Яндекс Метрики**.
1. В поле **Подключенные счетчики** укажите номер вашего счетчика и сохраните изменения.
{% endlist %}
## Запуск эксперимента {#start}
1. В Метрике перейдите на страницу **Вариокуб → Эксперименты**.
1. Нажмите кнопку **Создать эксперимент**.
1. Добавьте [условия эксперимента](https://yandex.com/support/varioqub/ru/create/conditions.md).
1.
Выберите основную метрику, по которой будете принимать решение об успешности эксперимента. Также можно выбрать до 10 дополнительных метрик для расширенного анализа.
Для оценки экспериментов над рекламой рекомендуем использовать в качестве основной метрики «Рекламный доход на визит» (или на посетителя), а в качестве дополнительных — пользовательские метрики, например, «Глубина просмотра» и «Доля визуальных отказов».
1. Настройте дизайн эксперимента. Это можно сделать с помощью:
- [Рекламных блоков](#blocks) — используйте для добавления нового рекламного блока типа **In-image**, **Floor Ad**, **Top Ad** или **Полноэкранный**.
- [Визуального редактора](#visual) — используйте для сравнения отображения, изменений размера и расположения одного рекламного блока.
- [Флагов в коде](#flags) — используйте для сравнения рекламных блоков, экспериментов со способом вызова рекламного блока и пр.
## Рекламные блоки {#blocks}
На вкладке можно создать эксперимент с расположением и форматом рекламных блоков на сайте. Это можно сделать без добавления кода рекламного блока (`context.js`), достаточно [подключить Varioqub](https://yandex.com/support/varioqub/ru/connect.md) (`exp.js`).
{% note info %}
Если на сайте используется CSP, то для проведения эксперимента, кроме подключения Varioqub, необходимо добавить [правила для рекламы](https://yandex.ru/support2/partner/ru/web/adplatform/csp-configuration).
{% endnote %}
Чтобы создать эксперимент:
1. Выберите тип рекламного блока:
- **Полноэкранный** — отображается на весь экран. Для каждой версии сайта нужно создать отдельный блок.
- **Top Ad** — фиксируется в верхней части экрана поверх содержимого сайта. Работает только на мобильной версии сайта.
- **Floor Ad** — фиксируется в нижней части экрана поверх содержимого сайта. Для каждой версии сайта нужно создать отдельный блок.
- **In-image** — отображается поверх изображений на сайте. Один и тот же блок работает на всех версиях сайта.
{% cut "Ограничения In-image блока" %}
В текущей версии Varioqub для **In-image** блоков не учитываются следующие настройки:
* **Лимит на страницу**
* **Ограничение для изображений**
* **Тип интеграции**
Подробнее см. в разделе [In-Image](https://yandex.ru/support2/partner/ru/web/units/types/in-image) Справки Рекламной сети Яндекса.
Тип встраивания по умолчанию — **Автоматический**. Реклама отображается на всех изображениях размером не меньше 320 × 190 пикселей.
{% endcut %}
По правилам Рекламной сети:
- нельзя показывать блоки **Top Ad** и **Floor Ad** на одной странице одновременно;
- блок **Top Ad** можно использовать только на мобильных устройствах (Mobile).
Подробно см. [Типы блоков](https://yandex.ru/support2/partner/ru/web/units/types/).
1. Укажите [blockId](*block-id) блока, для которого вы настраиваете эксперимент:
* **Desktop block ID** — для полной версии сайта.
* **Touch block ID** — для мобильной версии сайта.
{% note warning %}
Для блока **In-image** необходимо указать одинаковый `blockId` для всех версий сайта.
{% endnote %}
## Работа в визуальном редакторе {#visual}
Редактор встраивается в ваш сайт и позволяет менять способ отображения рекламного блока и его размер. Все изменения применяются в реальном времени. После сохранения изменений и запуска эксперимента правки, которые вы сделали в редакторе, будут видны посетителям сайта, попавшим в эксперимент.
{% cut "Эксперимент с изменением отображения блока" %}
1. На сайте измените код рекламного блока. Пример изменения кода [РСЯ](*yan):
```javascript
```
где
- `R-A-111111-1` — идентификатор рекламного блока;
- `XXXX` — номер счетчика Метрики, который установлен на ваш сайт.
1. В Метрике перейдите на страницу **Вариокуб → Эксперименты**.
1. Выберите тип эксперимента **Визуальный редактор** и укажите URL-страницы для редактирования.
1. Для **Варианта 1** нажмите **Редактировать**. Откроется страница, которую вы указали в поле для визуального редактора. Для контрольного варианта изменений вносить не нужно. Страница будет участвовать в эксперименте в текущем виде.
1. Нажмите на блок, над которым хотите произвести эксперимент. Откроется окно визуального редактора.
1. Чтобы изменить размер контейнера или способ его отображения, перейдите в родительский элемент блока. Для этого нажмите значок .
1. Во вкладке **CSS** укажите свойство, которое должно применяться в варианте эксперимента и нажмите **Сохранить**.
Чтобы убедиться, что изменения применились, в блоке **Проверка эксперимента** у каждого из вариантов нажмите кнопку **Проверить**. Откроется версия сайта для выбранного варианта по сгенерированной Varioqub ссылке. Вы можете поделиться этой ссылкой в течение 24 часов с момента ее генерации. При повторном нажатии **Проверить** генерируется новая ссылка.
1. Нажмите **Сохранить и запустить**.
{% cut "Пример с изменением высоты рекламного блока" %}
Чтобы провести эксперимент с разной высотой блока, во вкладке **CSS** для родительского элемента блока укажите свойство стиля.
Например, для эксперимента с переходом с фиксированной высоты на адаптивную изменяются свойства CSS:
- снимается ограничение высоты `height: unset`;
- устанавливается максимальная высота блока `max-height: 70vh`.
{% endcut %}
{% cut "Пример с прилипанием бокового баннера при скролле статьи" %}
Чтобы провести эксперимент с прилипанием бокового баннера при скролле статьи, во вкладке **CSS** для родительского элемента блока укажите необходимые свойства.
Например:
- способ отображения блока `position: sticky`;
- позицию относительно родительского элемента `top: 20px`.
{% endcut %}
{% endcut %}
{% cut "Эксперимент с добавлением рекламного блока" %}
Также с помощью визуального редактора вы можете добавить код вставки рекламного блока. Это может быть полезно при проведении тестов с новыми рекламными местами на сайте. Рекомендуем использовать рекламные блоки типа **Floor Ad**, **Top Ad** или **Полноэкранный**. Например, в [РСЯ](https://yandex.ru/support2/partner/ru/web/units/types/).
1. [Настройте библиотеку Varioqub](https://yandex.com/support/varioqub/ru/objects/set-config.md) — добавьте к библиотеке Varioqub код вида:
```javascript
```
1. В Метрике перейдите на страницу **Вариокуб → Эксперименты**.
1. Выберите тип эксперимента **Визуальный редактор** и укажите URL-страницы для редактирования.
1. Напротив **Вариант 1** нажмите **Редактировать**. Откроется страница, которую вы указали в поле для визуального редактора. Для контрольного варианта изменений вносить не нужно. Страница будет участвовать в эксперименте в текущем виде.
1. На странице выберите элемент, который присутствует на всех страницах сайта, например подвал.
1. Выберите вкладку **JS** и добавьте функцию из кода рекламной вставки.
В этом случае на всех страницах, где есть выбранный вами элемент, появится рекламный контейнер и вызовется код со вкладки **JS**.
1. Нажмите **Сохранить**.
1. Проверьте корректность отработки кода на разных страницах сайта, например, на главной, в статье или разделе.
{% endcut %}
## Настройка эксперимента с помощью флагов {#flags}
1. В Метрике перейдите на страницу **Вариокуб → Эксперименты**.
1. Выберите тип эксперимента **Флаги в коде**.
{% note info %}
В Метрике и в измененном коде вставки имя флага и значения флага должны быть указаны на том же языке и в том же регистре, что и в коде.
{% endnote %}
{% cut "Эксперимент с использованием флагов в коде" %}
1. В Varioqub задайте имя флага и его значения. Например: имя флага `block`, значение в контрольном варианте — `A`, в **Вариант 1** — `B`.
1. В HTML-коде страницы добавьте рекламные контейнеры, над которыми будет проходить эксперимент:
```html
...
...
```
Далее измените код рекламного блока на сайте, как описано ниже.
1. Добавьте функцию вызова контрольного варианта — в примере вызывается блок R-A-111111-1:
```javascript
```
1. Добавьте функцию вызова Варианта 1 — в примере вызывается блок R-A-111111-2:
```javascript
```
1. Добавьте дополнительную функцию, которая определяет, что должно происходить по завершении эксперимента или в остальных случаях (например, когда просмотр страницы не соответствует фильтрам в настройках эксперимента):
```javascript
```
1. Добавьте функцию применения флагов эксперимента следующим образом:
```javascript
function render_ab_answer(flags) {
const flagVal = flags && flags.block && flags.block[0];
switch
(flagVal)
{
case 'A':
vq_call_block_a();
break;
case 'B':
vq_call_block_b();
break;
default:
vq_call_block_default();
break;
}}
```
1. Добавьте передачу флагов в функцию из п. 4 с помощью функции [ymab](https://yandex.com/support/varioqub/ru/objects/ymab.md):
```javascript
ymab('metrika.XXXX', 'init', function (answer) {
render_ab_answer(answer.flags);
})
```
{% note info %}
Функция `ymab` с методом [init](https://yandex.com/support/varioqub/ru/objects/init.md) вызывается только один раз, для передачи флагов.
{% endnote %}
1. Проверьте корректность отработки кода на разных страницах сайта, например, на главной, в статье или разделе.
{% cut "Пример кода для сравнения двух рекламных блоков" %}
```javascript
```
{% endcut %}
{% endcut %}
Посмотрите примеры подключения и создания экспериментов на [GitHub](https://github.com/yandex/varioqub-extras/tree/master/web).
## Вопросы и проблемы
[При создании эксперимента все поля заблокированы.](https://yandex.com/support/varioqub/ru/faq.md#fields-blocked)
[Мог ли я использовать в качестве условий факторы, которых нет в интерфейсе создания эксперимента?](https://yandex.com/support/varioqub/ru/faq.md#custom-condition)
[Можно ли в AB эксперименте использовать произвольный JS‑скрипт?](https://yandex.com/support/varioqub/ru/faq.md#js-script)
[Как отключить тип эксперимента на всем сайте или странице?](https://yandex.com/support/varioqub/ru/faq.md#disable-experiment-type)
[Элемент загружается после страницы. Как включить его в эксперимент?](https://yandex.com/support/varioqub/ru/faq.md#element-after-download)
[На моем сайте меняются ID элементов. Получится ли использовать визуальный редактор?](https://yandex.com/support/varioqub/ru/faq.md#changing-id)
[Статистика по монетизации в Метрике и в партнерском интерфейсе разная.](https://yandex.com/support/varioqub/ru/faq.md#monetization-statistics)
Задайте вопрос Нейроэксперту — в правом нижнем углу нажмите кнопку .
Если у вас остались вопросы, напишите в службу поддержки.
Написать в службу поддержки
[*yan]: Рекламная сеть Яндекса
[*block-id]: Идентификатор блока в Рекламной сети Яндекса.
Имеет вид `A-B-123456-78`.