Генератор A/B тестов

Справка по настройкам

Название теста

В названии можно кратко указать смысл теста. Желательно указать и номер гипотезы, так будет проще анализировать результаты, когда тестов станет много. Название будет сохранено в cookie, потому допустимы только символы от A до z, цифры и -, без пробелов. Не следует делать слишком длинные названия, чтобы не увеличивать размер cookies. Пример: тестируем гипотезу номер 5 про цвет кнопки в корзине, название теста может быть таким: T5-cart-button. ↑

Домен сайта

Вам следует указать здесь доменное имя того сайта, на котором будет идти тест. От этой настройки зависит то, где будет установлена cookie теста. Например, домен этого сайта jstest.ru, в настройках указываем .jstest.ru - точка перед доменным именем позволяет автоматически распространить cookie на все поддомены. В большинстве случаев адрес вашего сайта будет начинаться либо с www.site.ru, либо сразу с доменного имени site.ru. В обоих случаях лучшей практикой будет указать в настройках теста .site.ru - так cookie распространится и на домен, и на все поддомены, в том числе www. ↑

Срок жизни cookie

Если пользователь попал в один из вариантов теста, то в течение всего теста этот пользователь должен видеть тот же самый вариант. То, в какой вариант попал пользователь, сохраняется в cookie. Срок жизни cookie не должен быть меньше предполагаемой длительности теста. На практике тесты редко идут дольше полугода, но не лишним будет хранить cookie в течение года. Срок жизни cookie по умолчанию 365 дней. ↑

Условие запуска теста

Во многих случаях A/B тест следует запускать не на всех страницах сайта, а только при наличии определенных условий. И не всегда заранее можно определить точные адреса страниц, где эти условия выполнятся. Например, нужно запускать тест только на тех страницах, где есть элемент с классом btn-primary. Тогда JS-условие может быть таким: $('.btn-primary').length>0. Другой пример: запускать тест только на мобильных устройствах. ↑

Отправка в GA, gtag, GTM

Выберите способ передачи в зависимости от того, как установлен Google Analytics на вашем сайте: analytics.js, gtag.js, Google Tag Manager. Можно выбрать все способы одновременно, ошибок это не вызовет, даже если GA установлен только одним из способов. При передаче данных через GTM следует создать несколько новых настроек в GTM. ↑

GA Custom Dimension

Интеграция любой системы A/B тестов с Google Analytics происходит через пользовательские параметры. В пользовательский параметр передается то, что посетитель участвует в тесте, и какой из вариантов он видит на своем экране. Здесь нужно указать номер параметра для текущего теста. Этот параметр должен быть свободен от других данных в течение всего срока проведения теста. Параметр должен быть уровня "Пользователь". Подробнее о том, как создать пользовательский параметр и где взять его номер. Как создать сегменты для анализа по пользовательским параметрам. ↑

Отправка в Яндекс Метрику

Если вы хотите анализировать результаты в Метрике, отметьте эту опцию и укажите номер счетчика. Номер счетчика вы можете найти в аккаунте Метрики. Данные будут переданы через параметры визитов и пользователей. Анализировать их можно с помощью сегментов. ↑

Название варианта теста

В A/B тесте всегда будет как минимум 2 варианта: контрольный, где ничего не менялось, и тестовый вариант 1, где что-то изменено. Логично назвать эти варианты Control и Variation-1 соответственно. Для удобства желательно в названии кратко описывать отличительные особенности вариантов. Например, тестируем цвет кнопки: контрольный синий, вариант 1 зелёный и вариант 2 красный. Тогда названия вариантов могут быть такими: Control-Blue, Variation1-Green, Variation2-Red. Название будет сохранено в cookie, потому допустимы только символы от A до z, цифры и -, без пробелов. ↑

Доля трафика варианта

В большинстве случаев каждый вариант теста должен получить равную долю трафика. Если вариантов 2, то у каждого будет 50%. Если вариантов 3, то у контрольного установите 33,34%, у каждого из тестовых по 33,33%. Если требуется провести эксперимент только над частью пользователей, то добавьте 1 лишний вариант, в котором не будет кода замены контента, установите в нём долю трафика, которая не должна участвовать в эксперименте. ↑

Код замены контента

Код замены – это JS-код, внедряющий то изменение, которое вы хотите протестировать. Например, меняем цвет кнопки на зелёный: $('.btn').css({'background-color':'green'}). Для контрольного варианта код замены в большинстве случаев не нужен, для тестовых вариантов – нужен. Примеры кодов замены контента смотрите здесь. ↑

jQuery

Скрипт теста написан на чистом JS, наличие jQuery для работы теста не требуется. Но большинство примеров функций замены контента и условий запуска описаны с использованием jQuery, для воссоздания примеров на вашем сайте должна быть установлена библиотека jQuery.