Перейти к содержанию

Тест стилей

Чтобы создать тесты стилей, раскройте главное меню Roistat и выберите пункт А/Б тесты:

1-1.png

В открывшемся разделе нажмите Создать тест стилей:

2.png

Появится окно настройки теста.

  1. В поле Название введите название теста: 3.png

  2. По умолчанию включена опция равномерного распределения, когда варианты выдаются посетителям сайта не случайно, а с учетом рекламного источника и устройства, с которого посетитель зашел на сайт. Если вы хотите, чтобы варианты выдавались случайно, без учета источника и устройства, отключите эту опцию.

    3-0.png

    Пример равномерного распределения

    Например, если пришло 10 посетителей из кампании Яндекс.Директ и 50 посетителей из кампании ВКонтакте, при равномерном распределении оба варианта теста получат по 5 посетителей из Яндекс.Директ и по 25 из ВКонтакте. Равномерное распределение позволяет сделать выборку посетителей однородной для всех вариантов и уменьшить влияние внешних факторов на результаты теста.

  3. В блоке Варианты необходимо указать хотя бы один вариант элемента интерфейса, который вы хотите протестировать. Для этого на вкладке Вариант 1 добавьте CSS-код для тестируемого варианта страницы. Кликните по текстовому полю, чтобы увидеть подсказку с примером оформления кода. Поле ввода можно расширить, потянув за нижний правый угол.

    3-1.png

    Обратите внимание:

    • Не используйте комментирование // в поле для CSS-кода. В противном случае тест будет работать некорректно.

    • Вкладка Исходный вариант содержит исходную кодировку страницы и недоступна для редактирования.

    • Для добавления других тестовых вариантов нажмите 4.png.
    • Чтобы переименовать или удалить вариант, нажмите 5.png и выберите нужную команду из выпадающего списка.
    • Чтобы восстановить удаленную вкладку, нажмите 6.png.
  4. Вы можете посмотреть новый вариант интерфейса для каждого из вариантов. Для этого откройте вкладку с нужным вариантом, в поле Предпросмотр варианта укажите адрес тестируемой страницы и нажмите кнопку Посмотреть:

    8.png

  5. После установки всех параметров теста вы можете сохранить его с помощью кнопки Создать новый тест или сразу же запустить с помощью кнопки Создать и запустить:

    9.png