Пример A/B теста цвета кнопки через GTM

На этой странице идёт AB тест. Меняется цвет кнопки. Тест запущен с помощью тега, который установлен через Google Tag Manager. Информация передается в GA через gtag.js и в Яндекс Метрику.


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

Всего в тесте 3 варианта по 33.33% трафика в каждый:

  • Контрольный вариант - цвет не меняется, синий цвет.
    Код для запуска не требуется.
  • Тестовый вариант 1 - цвет меняется на зеленый.
    Код для запуска:
    $( document ).ready(function() {
    $('.btn-primary').css({'background-color':'green', 'border-color':'green'});
    });
  • Тестовый вариант 2 - цвет меняется на красный.
    Код для запуска:
    $( document ).ready(function() { 
    $('.btn-primary').css({'background-color':'red', 'border-color':'red'});
    });

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

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

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

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

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