Пример двух A/B тестов на одной странице

На этой странице идут 2 теста одновременно - один тест меняет цвет кнопки, другой - цвет фона. В каждом тесте по 4 варианта, итого 16 сочетаний. Скрипты тестов установлены через GTM. Данные о тестах отправляются в GA через GTM и в Яндекс Метрику.

Один тест меняет цвет кнопки

Цвет этой кнопки меняется в A/B тесте

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

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

• Контрольный вариант - цвет кнопки не меняется, синий цвет.
  Код для запуска не требуется.
• Тестовый вариант 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'}); });

• Тестовый вариант 3 - цвет кнопки меняется на черный.
  Код для запуска:

  $( document ).ready(function() { $('.btn-primary').css({'background-color':'black', 'border-color':'black'}); });

Другой тест меняет цвет фона

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

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

• Контрольный вариант - цвет фона не меняется, белый цвет.
  Код для запуска не требуется.
• Тестовый вариант 1 - цвет фона меняется на зеленый.
  Код для запуска:

  $( document ).ready(function(){$('body').css({'background-color':'#c0eac0'});});

• Тестовый вариант 2 - цвет фона меняется на красный.
  Код для запуска:

  $( document ).ready(function(){$('body').css({'background-color':'#e0b4b4'});});

• Тестовый вариант 3 - цвет фона меняется на синий.
  Код для запуска:

  $( document ).ready(function(){$('body').css({'background-color':'#b4c4e0'});});