Как устроены А/В-тестирование и Персонализации
Как сформулировать гипотезы для экспериментов в Вариокубе
Где можно найти идеи для гипотез?
Как вносить изменения с помощью Вариокуба
Визуальный редактор
Редирект
Флаги
Рекламные блоки
Виджеты
Метрики для анализа результатов А/В-тестирования
Статистика А/В-тестирования: принципы взаимодействия с Метрикой
Как запустить А/В-тестирование
1. Гипотеза
2. Процент аудитории и длительность
Почему именно 14 дней
3. Срез аудитории
4. Метрики
5. Внесение изменений
6. Оценка результатов
7. Принятие решений
Создание эксперимента в интерфейсе Вариокуба
Особые ситуации
Практика
Выводы
Содержание
Как устроены А/В-тестирование и Персонализации
Как сформулировать гипотезы для экспериментов в Вариокубе
Где можно найти идеи для гипотез?
Как вносить изменения с помощью Вариокуба
Визуальный редактор
Редирект
Флаги
Рекламные блоки
Виджеты
Метрики для анализа результатов А/В-тестирования
Статистика А/В-тестирования: принципы взаимодействия с Метрикой
Как запустить А/В-тестирование
1. Гипотеза
2. Процент аудитории и длительность
Почему именно 14 дней
3. Срез аудитории
4. Метрики
5. Внесение изменений
6. Оценка результатов
7. Принятие решений
Создание эксперимента в интерфейсе Вариокуба
Особые ситуации
Практика
Выводы
Содержание
Вот о чём поговорим в этом блоке:
В этом разделе рассмотрим, как выглядят А/В-тестирование и Персонализации в интерфейсе Вариокуба и чем они различаются между собой.
Напомним, Вариокуб представлен на двух платформах:
В этом материале рассмотрим функционал Вариокуба на примере работы с сайтом.
Сервис состоит из двух разделов:
Давайте рассмотрим особенности каждого раздела.
Начнём с экспериментов.
В этом разделе находятся все А/В-тестирования. Их можно отсортировать при помощи фильтра.
Для каждого эксперимента отображаются основные параметры:
Чтобы создать первый эксперимент, подключите Вариокуб к своему сайту. Для этого перейдите по кнопке Код для сайта.
Есть несколько способов подключения Вариокуба к сайту:
Узнать подробности о процессе подключения Вариокуба можно в Справке.
Проверить подключение к клиентской части можно с помощью блока внизу — Проверить подключение.
Когда Вариокуб подключён к сайту, можно заводить первый эксперимент. Как это сделать, рассмотрим в следующих главах.
Для начала разделим два понятия: идея и гипотеза.
Идея — это предположение, что в Продукте необходимо что-то улучшить.
Например, оформление страницы сайта. Но одного предположения недостаточно, чтобы сформулировать гипотезу.
Гипотеза — это основа любого эксперимента.
Чтобы сформулировать её, команде Продукта нужно ответить на два вопроса:
Правильно сформулированная гипотеза позволит команде эффективно работать над её проверкой.
Рассмотрим формулирование гипотезы на примере.
Команда Продукта хочет изменить интерфейс мобильной версии сайта. Это звучит как идея. Чтобы превратить идею в гипотезу, нужно добавить в неё конкретные данные: какие элементы нужно изменить, какой результат ожидаем.
В этом случае гипотеза могла бы звучать так: если мы изменим цвет кнопки с белого на красный, количество кликов по ней увеличится на 10%.
Много идей можно подчерпнуть в разделе Метрики «Поведение», например в «Карте кликов».
Карта кликов — инструмент для измерения и отображения статистики по кликам на сайте.
Карта отображает клики по всем элементам страницы, в том числе по некликабельным. При этом можно увидеть не только взаимодействие посетителей с одной страницей, но и агрегированные данные по группе страниц сайта. Например, получить статистику по конкретному разделу.
В Карте кликов можно увидеть, что привлекает внимание пользователей и по каким элементам сайта они чаще всего кликают (даже если они некликабельные).
Например, для лендинга Вариокуба разработан смелый дизайн с котиками и динозаврами. В Карте кликов видно, что пользователи часто кликали по элементам, которые были добавлены для красоты.
На основании этого команда Продукта сформулировала гипотезу: если сделать логотип кликабельным, то это улучшит пользовательский опыт и увеличит количество переходов на главную страницу на 20%. Это положительно скажется на метриках вовлечённости сайта.
Простая идея, которую можно проверить через А/В-тестирование в Вариокубе.
Таким образом, простейшие идеи, которые перерастают в успешные гипотезы, можно почерпнуть, например, в Карте кликов. А сформулировать правильную гипотезу и сделать сайт более эффективным можно с помощью формулы:
В курсе «Сервис Вариокуб» мы рассмотрели, что в Вариокубе доступно пять способов внесения изменений на сайт:
Теперь рассмотрим на примерах, как запустить А/В-тестирование и настроить Персонализации сайта для каждого типа внесения изменений.
Визуальный редактор позволяет изменять на странице сайта:
С помощью редактора можно менять внешний вид элементов. Когда вы сохраните и запустите правки, эти изменения увидят посетители, которые попали в эксперимент или для которых применяются Персонализации. До запуска изменения сможете увидеть только вы и те, кому вы отправите проверочную ссылку.
Визуальный редактор вносит изменения с помощью exp.js, который был добавлен на сайт при подключении.
Подробнее о визуальном редакторе можно прочитать в Справке.
Примеры использования:
На последнем примере рассмотрим, как с помощью визуального редактора внести изменения на сайт.
В эксперименте это блок «Тип эксперимента»
В появившемся блоке с редактированием можно внести нужные изменения, которые применятся к сайту.
В блоке есть несколько вкладок.
Во вкладке Basic можно менять:
Например, display: none; — скрывает выбранный элемент, а block, inline, flex — разные способы выравнивания элемента.
Вкладки CSS, HTML позволяют вносить изменения напрямую в CSS и HTML. А вкладка JS позволяет работать с JS-скриптами. Эта функция не доступна по умолчанию, для её активации нужно включить параметр enableJS в setConfig.
→ Если элемент, который нужно редактировать, загружается после загрузки страницы, выберите «Редактирование по клику» во вкладке с иконкой гаечного ключа
→ Если ID элементов неуникальны, выключите «ID элемента в селекторе»
Подробнее об этом можно прочитать в Справке.
Чтобы скрыть рекламные баннеры на сайте, воспользуйтесь полем display на вкладке Basic.
Когда лишние блоки скроются, на сайте останется только баннер с промокодом.
Если для проведения эксперимента или настройки Персонализаций необходимо внести достаточно много изменений или полностью пересобрать страницу, можно настроить редирект с помощью Вариокуба.
В эксперименте или в Персонализациях редирект используют, когда уже подготовлена новая страница или версия сайта с изменениями.
При таких настройках Вариокуб перенаправляет выбранных посетителей с помощью exp.js, который был добавлен на сайт при подключении.
Примеры использования редиректа:
Чтобы проверить изменения с помощью редиректа или настроить Персонализации, достаточно добавить ссылку на изменённую страницу:
Подробнее о редиректе можно прочитать в Справке.
Флаги подходят, когда нужно внести изменения любой сложности. Но для реализации понадобится помощь разработчиков.
Представьте, что у вас есть пульт управления умным домом. С его помощью вы можете включать и выключать свет в комнатах, регулировать температуру, открывать или закрывать шторы. Каждый переключатель на этом пульте — это и есть флаг. Он либо включён, либо выключен, и от этого зависит, что произойдёт в вашем доме.
В разработке сайтов флагами называются специальные метки или переключатели, которые встроены в программу. Они позволяют включать или отключать определённые функции без необходимости переписывать весь код. По сути, это как скрытые настройки внутри программы, которыми можно управлять.
Чтобы добавить флаги в код сайта, нужны разработчики, так как это связано с изменением исходного кода. Они должны прописать эти переключатели в нужных местах кода и определить, как программа должна реагировать на изменения флагов. Без знаний программирования и доступа к исходному коду добавить флаги в код сайта невозможно.
Флаги дают программе команду действовать определённым образом. Например, если флаг color = red — кнопка на сайте будет красной. Если флаг изменится на color = blue — цвет кнопки станет синим.
Использование флагов позволяет отслеживать, какие пользователи видят те или иные изменения, и применять разные сценарии, которые команда Продукта захочет проверить.
Флаг добавляется в настройках эксперимента и в параметрах Персонализаций.
Подробнее о флагах можно прочитать в Справке.
С помощью этого типа изменений можно проводить эксперименты и настраивать Персонализации с рекламными блоками Рекламной сети Яндекса и Adfox:
Пример использования:
Подробнее о работе с рекламными блоками можно прочитать в Справке.
Виджеты подходят, например, когда нужно разместить информационные блоки с персональными предложениями, скидками или рассказать пользователям о новых возможностях сайта.
Для настройки доступны следующие типы виджетов:
Пример использования:
Подробнее о виджетах можно прочитать в Справке.
В этом разделе поговорим о том, какие метрики можно использовать для анализа эксперимента. В Персонализациях мы не сравниваем варианты, поэтому выбор метрик для них неактуален и недоступен.
Когда команда Продукта проводит A/B-тестирование, цель заключается в том, чтобы достичь основной метрики и сохранить показатели связанных метрик.
Например, команда Продукта хочет увеличить конверсию, при этом не снизить время на сайте и не увеличить отказы.
Метрики помогают оценить результат эксперимента.
Существует несколько больших групп метрик:
1. Базовые метрики:
Эти метрики доступны всем пользователям Вариокуба по умолчанию.
2. Метрики конверсии в цель
Команда Продукта может создавать свои цели в Яндекс Метрике и анализировать эксперимент на основе конверсии в эти цели.
Например, это могут быть:
3. Ecom-метрики
Если к сайту подключена электронная коммерция и данные о достижении ecom-целей собираются счётчиком Яндекс Метрики, Вариокуб может анализировать средний чек или процент визитов с покупкой.
Например:
4. Рекламные метрики
Если на сайте размещены рекламные блоки РСЯ или AdFox, Вариокуб может оценить доходы от них. Таким образом, команда может проводить эксперименты даже с рекламными блоками.
Возможные метрики:
В этой главе рассмотрим, как проанализировать статистику А/В-тестирования, чтобы принять решение, применять или не применять изменение для Продукта.
Чтобы посмотреть отчёт по эксперименту, нужно нажать «Посмотреть результат» на вкладке «Эксперименты».
В верхней части отчёта содержится краткая информация об эксперименте:
Далее идёт поле с выбором названия метрики. Рассмотрим отчёт на примере метрики — Конверсия в цель «Покупка».
Отдельное поле отвечает за период построения отчёта.
С помощью фильтра можно ограничить выборку:
Для нашего примера исключим роботов.
На следующем блоке расположен график. На графике отображается значение метрики и доверительный интервал за каждый день.
Внизу страницы находится итоговый отчёт.
В этой части отчёта приведена сводная информация по каждому варианту эксперимента. Для каждого из вариантов показано значение метрики, которую оцениваем.
В первых столбцах таблицы находятся числитель и знаменатель для вычисления конверсии по этой метрике.
Следующий столбец — конверсия по выбранной метрике.В нашем примере в контрольном варианте А значение метрики Конверсия в цель «Покупка» равно 11,56%. Конверсия в варианте Б составила 35,75%, что выше, чем у варианта А.
В правой части таблицы приведено сравнение экспериментального варианта с контрольным.
По этим данным мы видим, что Конверсия в цель «Покупка» варианта Б отличается от варианта А на 24,2 процентных пункта (дельта). При этом конверсия варианта Б на 209,34% выше, чем варианта А.
Кроме того, мы видим, что ячейки с показателями отмечены ярко-зелёным цветом. Это говорит о том, что выделенный вариант выиграл и его результаты статистически значимы.
Вариокуб подсчитывает статистическую значимость. Когда определяется статистически значимое изменение, строчка прокрашивается зелёным или красным цветом.
Зелёный цвет означает, что для варианта получен статистически значимый положительный результат.
Красный цвет означает, что для варианта получен статистически значимый отрицательный результат.
Ещё строки могут прокрашиваться в серый цвет, если статистически значимых изменений не обнаружено. Это может быть связано, например, с тем, что пользователи не увидели разницу между изменениями или что данных для анализа эксперимента не достаточно.
Чем более насыщенный цвет прокраса, тем выше статистическая значимость. В нашем примере прокрас ярко-зелёный, значит, метрика выросла, то есть количество покупок увеличилось.
В правой части таблицы находятся показатели, которые помогают проанализировать изменения значений:
В верхней части панели управления можно менять метрики, которые вы рассматриваете. По умолчанию отчёт строится по основной метрике, которую выбрали при настройках эксперимента. Но можно выбрать и дополнительные, которые также задаются при настройке эксперимента, и произвольную метрику, по который вы хотите получить данные.
Если выбирать и анализировать различные метрики и срезы эксперимента с помощью фильтров, можно оценивать, как изменения повлияли на поведение пользователей. Менеджер или маркетолог Продукта использует информацию по каждой метрике и срезу и на основе данных может принимать решение об изменениях для всех пользователей.
В этом разделе зафиксируем, что нужно для запуска А/В-тестирования.
Процесс запуска А/В-тестирования в каждой команде может различаться, но есть основные шаги, которые будут полезны для любого эксперимента.
Чек-лист для запуска А/В-тестирования будет выглядеть примерно так:
1. Гипотеза
2. Процент и длительность
3. Срез аудитории
4. Метрики
5. Внесение изменений
6. Оценка результатов
7. Решение
Рассмотрим каждый пункт подробнее.
Рекомендуем внести проверяемую гипотезу в поля «Название» и «Описание», когда будете заводить эксперимент в Вариокубе. Так, в любой момент можно будет понять, какой эксперимент и для каких целей проводился.
От этих параметров зависит, как долго будет проводиться эксперимент и какой процент аудитории должен принимать в нём участие, чтобы были получены статистически значимые результаты.
Для этого пункта есть два совета:
Есть разные уровни сезонности: пользователи по-разному ведут себя днём и ночью, в будни и выходные, летом и зимой. Самая понятная сезонность — это будни и выходные. И период эксперимента в 14 дней покрывает два ожидаемых сезонных изменения. То есть за 14 дней два раза повторится цикл выходных, и данные, которые получатся в результатах, будут ближе к действительности.
Когда гипотеза сформулирована, нужно определить, для какой аудитории Продукт хочет показывать изменения.
Можно использовать разнообразные срезы аудитории, например:
Для среза аудитории Вариокуб позволяет использовать не одно условие, а комбинацию параметров. Например, пользователь перешёл с какой-то рекламной кампании (в GET-параметрах есть определённая UTM-метка), он авторизован на сайте, и у него «Золотой статус» карты лояльности — и это передаётся в пользовательских параметрах.
Метрики — это любые цели, которые есть у сайта Продукта в Яндекс Метрике.
В настройках эксперимента Вариокуба можно выбрать основную и дополнительные метрики.
Основная метрика — это главная цель эксперимента.
Дополнительная метрика нужна, чтобы убедиться, что при улучшении основной метрики не ухудшаются другие, которые напрямую или косвенно связаны с основной.
В качестве основной метрики нужно выбирать то, ради чего команда Продукта проводит эксперимент.
Например, команда Продукта хочет сделать кнопку «Перейти к оформлению» на сайте более заметной. В этом случае основной метрикой будет клик по этой кнопке. А дополнительной метрикой будет, например, процент выкупа и возвращаемость.
Этот пункт мы рассматривали в предыдущих разделах, но ещё раз напомним, что с помощью Вариокуба можно вносить изменения с помощью:
Между первыми пятью и шестым пунктами проходит время, которое команда Продукта выбрала на третьем шаге — в длительности эксперимента.
Когда установленное время прошло и пользователи увидели изменения и своим поведением повлияли на какие-то метрики, команда переходит к оценке результата.
Особенности статистики А/В-тестирования мы рассмотрели в предыдущем разделе. Напомним, что в интерфейсе Вариокуба оценивать результаты легко по цвету прокраса:
А для более глубоко анализа в отчёте есть P-value и MDE.
Когда команда проанализировала результаты, она переходит к самому важному пункту — к принятию решений.
В финале эксперимента команда Продукта анализирует, прошёл ли он удачно или стоит отправить его на доработку.
Если изменённый вариант в эксперименте выиграл по сравнению с контрольным, то команда может принять решение внести тестируемые изменения и показывать их всем пользователям. Это можно сделать двумя способами:
В интерфейсе Вариокуба в проведённом эксперименте в один клик можно создать Персонализацию и применить изменение на всех пользователей.
Важно отметить, что создавать Персонализации можно без запуска эксперимента. При этом настройки будут различаться только в названии:
Чем Персонализации отличаются от А/В-тестирования:
Дополнительную информацию о Персонализациях можно прочитать в статье «Сервис Вариокуб».
Перейдём в интерфейс Вариокуба и посмотрим, как создавать эксперимент. В видео ниже рассказываем только про три вида эксперимента, однако сейчас их стало больше. Обучающие материалы по новым видам уже готовятся — следите за новостями от Яндекс Рекламы.
В этой части поговорим о возможных особых ситуациях и способах их решения.
Существуют некоторые особые случаи:
Эти ситуации могут обрабатываться Вариокубом с помощью отдельных механик. Например, чтобы эксперимент на сайте отображался корректно и без мерцаний исходного кода*, можно показывать страницу, только когда загрузятся изменения, заданные в эксперименте. Подробнее об этом в Справке.
Подробности о способах решения этих и других особых ситуаций можно найти в Справке.
*Когда пользователь переходит на страницу, где проводится эксперимент, на долю секунды он видит страницу без изменений. И сразу же она меняется на вариант с изменениями. Получается, есть секунда, когда страница «мерцает», сменяя один вариант на другой.
Любовь Гудкова
Эксперт по обучению Яндекс Рекламы