Пример A/B теста логотипа

На этой странице идёт AB тест логотипа. Тест запущен с помощью script-тега, который установлен внутри HTML-кода страницы. В зависимости от варианта теста меняются цвета логотипа в шапке сайта.

Сбросить cookie теста

Всего в тесте 2 варианта по 50% трафика в каждом:

• Контрольный вариант – цвета не меняются: красный и синий. Код для замены не требуется.
• Тестовый вариант 1 – цвета меняются: желтый и зеленый. Код для замены:

$( document ).ready(function(){
$('.logo .jred').css({'color':'#ffff00'});
$('.logo .sblue').css({'color':'#00b900'});
});

Для возможности анализа результатов теста скрипт передает информацию о варианте теста в GA через GTM и в Яндекс Метрику.

Как происходила настройка теста

Заполняем переменные настроек в генераторе A/B тестов:

Вводим код запуска тестового варианта:

Нажимаем "Создать код A/B теста" и копируем полученный HTML:

Устанавливаем скрипт теста на исследуемую страницу: