JSTest.ru
Инструменты для A/B тестов
Начните тест на вашем сайте уже через несколько минут!
Для чего нужен JSTest.ru
Предположим, вы хотите изменить цвет кнопки на этой странице с синего на зеленый и измерить разницу в конверсии, вызванную этим изменением.
Чтобы провести A/B тест нужно:
- Разделить пользователей на 2 равные группы.
- Первой группе показывать старую синюю кнопку.
- Второй группе показывать новую зелёную кнопку, например, изменяя цвет с помощью JS-кода:
$('.btn-primary').css({'background-color':'green'}); - Для каждого пользователя отправить информацию о цвете кнопки в систему аналитики, чтобы можно было сравнить конверсию в разных группах.
Сервис JSTest создаст для вас скрипт, который делает всё это. Вам останется установить скрипт на исследуемые страницы сайта.
Распространенные способы установки скрипта A/B теста на сайт
- В HTML-код сайта. Минус в том, что придется менять исходный код страниц перед каждым новым тестом. Плюс в отсутствии задержки перед заменой контента.
- Через Google Tag Manager или аналоги. Не придется менять исходный код сайта. Задержка перед заменой контента есть, но она минимальна по сравнению с любыми другими инструментами A/B тестов.
Поддерживаемые методы передачи информации в системы аналитики
- Google Analytics. Через счетчик analytics.js.
- Google Analytics. Через счетчик gtag.js.
- Google Analytics. Через GTM.
- Яндекс Метрика. Через JS-счетчик.
- Можно комбинировать все методы.
Документация
- Примеры условий запуска теста
- Примеры кодов замены контента
- Google Analytics - как создать пользовательский параметр
- Google Tag Manager - передача данных, если Google Analytics установлен через GTM
- Google Analytics - как передается информация о тесте через analytics.js
- Google Analytics - как передается информация о тесте через gtag.js
- Google Analytics - как создать сегменты для анализа результатов
- Яндекс Метрика - как передается информация о тесте
- Яндекс Метрика - как создать сегменты для анализа результатов
- Анализ результатов теста по сегментам, расчет вероятности победы с помощью калькулятора
Демонстрационные примеры с пошаговым описанием
- Меняем цвет фона страницы - 2 варианта, скрипт в исходном коде, передача данных в GA через analytics.js
- Меняем текст заголовка - 3 варианта, скрипт в GTM, передача данных в GA через GTM
- Меняем цвет кнопки - 3 варианта, скрипт в GTM, передача данных в GA через gtag.js и в Яндекс Метрику
- Меняем цвет кнопки - 4 варианта, скрипт в исходном коде, передача данных в GA через analytics.js, gtag.js, GTM и в Яндекс Метрику
- Меняем цвет текста - 4 варианта, скрипт в GTM, передача данных в GA через GTM и в Яндекс Метрику
- 2 теста одновременно на одной странице - один тест меняет цвет кнопки, другой - цвет фона. Скрипты тестов установлены через GTM. Данные отправляются в GA через GTM и в Метрику.
- Меняем логотип сайта - 2 варианта, скрипт в исходном коде, передача данных в GA через GTM и в Яндекс Метрику.