Пример A/B-тестирования страниц

Урок 10 из 439
Автор: Анна Кокина
Сложность урока:
3 уровень - средняя сложность. Необходимо внимание и немного подумать.
3 из 5
Дата изменения: 15.03.2021
Просмотров: 1025
Ограничения по редакциям: Старт, Стандарт

Видеоурок

Как мы выяснили ранее Тесты – два варианта страницы или шаблона сайта, которые будут сравниваться друг с другом. Вариант А – это то, что видят все посетители сайта на данный момент, вариант В – то, что будет тестироваться.

Одновременно может быть запущено только одно А/В тестирование, но в рамках него может быть добавлено несколько тестов.

Подробнее...
, одновременно может быть запущено только одно А/В-тестирование. Однако в рамках этого тестирования можно добавить несколько тестов. Рассмотрим на примере, как создать и запустить A/B-тестирование с тестами для двух страниц:

  • страница Новости – для варианта B скопируем эту страницу и поменяем шаблон компонента, выводящего новости;
  • страница О магазине – пусть в варианте B вместо этой страницы показывается страница Контакты.

  Общие параметры теста

На странице Маркетинг > A/B-тестирование добавим новый тест. В открывшейся форме заполним параметры теста:

  • Сайт – выбираем сайт, для которого хотим запустить тестирование;
  • Длительность теста – выбираем опцию До ручной остановки теста (чтобы тест проводился до тех пор, пока мы сами не заходим его остановить);
  • Трафик на тест – выбираем процент всех пользователей сайта, которые будут участвовать в тестировании. В нашем тесте укажем 100%, т.е. в тестировании участвуют все пользователи: половина из них увидит старые версии страниц (вариант A), а половина – новые (вариант B).

  Тест #1 (страница Новости)

Нажимаем кнопку Добавить тест и выбираем пункт Страница :

Нажмите на рисунок, чтобы увеличить

1 В блоке A прописываем URL тестируемой страницы Новости /news/index.php (либо можно нажать кнопку и выбрать страницу из структуры сайта).

2 Нажимаем кнопку Скопировать страницу. После этого действия в директории /bitrix/abtest автоматически будет создана страница-дубль 3 (блок B), которая полностью будет повторять содержимое страницы, указанной в блоке A.

4 Нажимаем кнопку Редактировать страницу и переходим в форму редактирования:

Дважды кликаем по размещенному на этой странице компоненту Новости Комплексный компонент позволяет создать новостной раздел на сайте. Доступен просмотр детальной информации, списка элементов, настройка экспорта в rss, организация голосования за новости (или другие элементы инфоблоков), настройка отзывов, вывода материалов по темам, настройки ЧПУ и многое другое.

Описание компонента «Новости (комплексный компонент)» в пользовательской документации.
и в настройках компонента меняем текущий шаблон bootstrap_v4 на .dafault. Сохраняем все внесенные на этой странице изменения.

Возвращаемся в форму создания теста и нажимаем кнопку Применить – наши изменения сохранились, и при этом мы остались в форме редактирования теста. С помощью появившейся кнопки Посмотреть
можно оценить внешний вид страниц (текущей страницы из блока A и изменённой в блоке B).

На этом настройка Теста #1 окончена.

  Тест #2 (страница О магазине)

Тест #2 добавляем аналогично Тесту #1 (нажимаем кнопку Добавить тест и выбираем пункт Страница ):

Нажмите на рисунок, чтобы увеличить

В блоке A прописываем URL тестируемой страницы О магазине /about/index.php (либо можно нажать кнопку и выбрать страницу из структуры сайта).

В блоке B прописываем URL страницы /about/contacts/index.php, которую мы хотим во время тестирования подставлять вместо страницы /about/index.php (либо добавляем из структуры сайта).

Нажимаем кнопку Применить – наши изменения сохранились, и при этом мы остались в форме редактирования теста. С помощью появившейся кнопки Посмотреть
можно оценить внешний вид страниц (текущей страницы из блока A и новой в блоке B).

На этом настройка Теста #2 окончена.

  Результат

В результате у нас создан один A/B-тест, состоящий из двух тестов страниц:

Нажмите на рисунок, чтобы увеличить

Сохраняем внесенные изменения. Созданный A/B-тест был добавлен в общий список тестов, и теперь его можно запустить:

Далее переходим в публичный раздел сайта, открываем тестируемые страницы Новости и О магазине и с помощью кнопки A/B-тест смотрим, как эти страницы будут отображаться для пользователей из группы B:

Примечание: при тестировании страниц их адреса (URL) остаются неизменными, поэтому проблем с переходами по страницам сайта у посетителей не возникает.



Курсы разработаны в компании «1С-Битрикс»
Спасибо, мы рады что смогли помочь Вам. Ниже Вы можете оставить свой отзыв или пожелание :)
Нам жаль это слышать… Но мы постараемся быть лучше! Поясните, пожалуйста, свой выбор:

Мы благодарны Вам за помощь в улучшении документации.

Мы стараемся сделать документацию понятнее и доступнее,
и Ваше мнение важно для нас