Как провести А/Б тестирование

С помощью инструментов Google Optimize
A/B-тестирование — метод анализа эффективности страницы. Суть метода: вы создаете страницу А, копируете ее и меняете какой-то параметр, например, заголовок или кнопку, получая страницу В. Затем вы распределяете трафик равномерно между двумя страницами и смотрите на какой из них цель (заказ, покупка, подписка) достигается чаще. То есть какая страница имеет более высокую конверсию.
Чтобы провести А/В тестирование сайта, вам понадобится аккаунт и счетчик в Google Analytics. Как подключить Google Analytics.

Зайдите на Google Optimize и создайте аккаунт.
После создания аккаунта система предложит создать контейнер. Контейнер — это хранилище для всех ваших проектов оптимизации, в том числе, проектов A/Б-тестирования.
Создайте первый проект, кликнув на кнопку «Начать».
Произвольно назовите свой проект A/Б-тестирования, укажите адрес страницы и выберите тип проекта «Эксперимент с переадресацией». Это тип эксперимента, который наиболее подходит для использования вместе с Тильдой — можно создать несколько вариантов одной страницы в Тильде и Google Optimize будет перенаправлять пользователей на разные страницы.
Добавьте второй вариант страницы с другим URL. Это должна быть другая страница сайта.
Создайте столько вариантов, сколько нужно для вашей задачи. После добавления можно настроить распределение трафика между вариантами, если ваша гипотеза требует неравного распределения.

Проскролльте чуть ниже и свяжите свой эксперимент с аккаунтом Google Analytics, нажав на кнопку «Установить связь с Google Аналитикой».
Выберите аккаунт Google Analytics, привязанный к вашему аккаунту и нажмите на кнопку «Создать».
После добавления аккаунта Google Analytics система предложит вам код. Скопируйте его.
Перейдите на Тильду, зайдите Настройки сайта → Еще → HTML код для вставки в Head → Редактировать код. В открывшемся окне вставьте код, сохраните и переопубликуйте сайт.

Код эксперимента можно вставить и только на конкретные страницы. Чтобы добавить код в Head на отдельную страницу, зайдите в настройки страницы → Дополнительно → Вставка кода в Head, а затем переопубликуйте эти страницы.
Следующий шаг — это выбрать цель эксперимента.

Цель обычно создается заранее. Это действие, которое должен совершить пользователь на странице: нажать кнопку или заполнить форму.
Либо можно выбрать из того, что предлагает Google Optimize: сколько времени человек провел на странице, перешел ли на другую страницу и сколько страниц он просмотрел.
После установки целей проведите диагностику работы, нажав на ссылку «Выполнить диагностику». Для выполнения диагностики может понадобиться расширение Google Optimize, которое система предложит вам установить.
Если вы правильно установили код и переопубликовали все нужные страницы, то система сообщит вам об успехе.
Если проверка прошла успешно, то сверху появится сообщение, что проект готов к запуску. Запустите тестирование, нажав на кнопку «ОК».
Первые результаты тестирования появятся через несколько суток после начала эксперимента. Чтобы следить за результатами тестирования, перейдите на вкладку Отчеты. Здесь можно будет посмотреть основные результаты или перейти в подробный отчет в Google Analytics.
Чтобы данные были достоверными, тестирование должно проводиться как минимум 7 дней, так как в разные дни поведение пользователей отличается.

Кроме того, для проведения успешного A/B тестирования следует убедиться в однородности аудитории и в стабильности проявления показателей. Для этого проводят А/А тестирование — страницу показывают одну и ту же, но трафик распределяют, таким образом проверяя устойчивость поведения пользователей.
При тесте на короткое время показывается оригинальная страница. Что делать?
При переходе на страницу, для которой запущено тестирование, до редиректа может показываться оригинальная версия страницы. Это связано с тем, что страница грузится одновременно с началом работы кода Google Optimize.

У Google Optimize для этого случая есть код, который скрывает страницу до начала работы тестирования.
Код нужно скопировать, вставить и немного изменить
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-XXXXXX':true});</script>
В этом коде нужно заменить GTM-XXXXXX на идентификатор контейнера оптимизации. Этот идентификатор можно найти на главной странице Google Optimize.
Измененный код нужно скопировать и вставить в настройки страницы, на которой идет эксперимент → Дополнительно → Вставка кода в Head, сохранить и переопубликовать страницу.
После этого до выбора страницы, которая будет показываться в результате эксперимента, будет небольшая задержка, во время которой будет отображаться белый экран.
Made on
Tilda