AB Testing (GA) - изменения строки меню для нескольких веб-страниц

Я использую Google Analytics для тестирования AB. Недавно я провел тест на использование нескольких вариантов для одной страницы без использования перенаправлений из этой статьи, и это сработало хорошо.

Я хочу использовать этот же тест для меню моего сайта. Это всего лишь некоторые изменения CSS, и я планирую использовать JQuery для изменения класса меню в зависимости от варианта, который получает пользователь.

Моя главная проблема заключается в том, возможно ли это достичь. Если я включу код GA в код макета, нужно ли мне иметь условие, чтобы увидеть, доступно ли меню для этой страницы для запуска теста? Нужно ли добавлять URL-адреса для других страниц, которые имеют меню? или я делаю свой тест похож на тот, который был в статье?

Если кто-то сделал такой тест, то некоторые советы будут оценены.

2 ответа

Ваши вопросы:

  1. Если я включу код GA в код макета, нужно ли мне иметь условие, чтобы увидеть, доступно ли меню для этой страницы для запуска теста?

    • да, вы можете обернуть "var selectedVariation = cxApi.chooseVariation();" в условном, который проверяет наличие меню.
  2. Нужно ли добавлять URL-адреса для других страниц, которые имеют меню?

    • Я не уверен, что вы подразумеваете под этим. Я не знаю, есть ли способ нацелить GA на URL страницы. Но вы можете использовать Google Tag Manager или что-то подобное, чтобы ваш код доставлялся только на страницы, которые имеют меню.
  3. или я делаю свой тест похож на тот, который был в статье?

    • единственная проблема с реализацией теста, как показано в статье, заключается в том, что стиль меню изменится после загрузки страницы, и пользователи увидят мерцание. Если вы хотите избежать этого, вы можете загрузить страницу с меню как пустую (того же размера, но без содержимого), а затем отобразить ее при настройке варианта. Но если вы сделаете это, убедитесь, что вы проверяете возвращаемые значения, чтобы в случае, если GA не удалось загрузить тест (например, если тест истек), вы восстановите контрольную версию меню.

1-й - соответствующая аудитория

Убедитесь, что у вас есть равные возможности для отображения меню для обеих протестированных групп (меню доступно для всех посетителей) - Оригинальный вариант - Измененный вариант меню

2-й - нестандартные размеры

Создать пользовательское измерение в Google Analytics (область сеанса)

3-й - механизм принятия решений

Используйте Math.random(), чтобы достичь 50% вероятности для каждого варианта. Сохраните эту информацию в cookie и с этого времени используйте этот вариант для этого конкретного пользователя все время, пока выполняется тест

4-й - установить га трекер

ga("set","dimension2","Variant B");

5-й - изменить структуру

Измените структуру МЕНЮ / дизайн / поведение

6-й - просмотр страницы трека

ga("send","pageview")

7-й - настроить слушателей событий

Если вы хотите зафиксировать определенное поведение, установите прослушиватели событий для определенных точек вашего сайта, чтобы отслеживать их. Это очень полезно, если вы называете это событие как:

Category: A/B
Action: Menu Click
Label: Subcategory Best Articles

Восьмое - Цели конверсии

В Google Analytics установите цель конверсии для вашего нового СОБЫТИЯ (из шага 8).

9-е - Создать пользовательский отчет

Используйте новое событие и пользовательское измерение, чтобы увидеть результаты своих экспериментов.


PS: Если вы делаете это впервые, проверьте ваш механизм с помощью A/A теста. Это означает, что технически есть два варианта со 100% одинаковым содержанием, но все механизмы на заднем плане работают. После этого запустите тест.

Другие вопросы по тегам