Технические вопросы
January 14, 2025

Как настроить A/B тестирование разных посадочных страниц

Что такое A/B-тестирование?

Это способ сравнить эффективность двух сайтов или их элементов.

Стандартная история:  у клиента есть 2 разных посадочных страницы (иногда и больше).

На тестирование каждого варианта мы тратим дополнительный бюджет, но чистота эксперимента спорная: время запуска может быть разным, в одном кабинете “предпочтение” алгоритмов будет скорее отдано 1 посадке, в разных кабинетах один прогрет лучше, второй хуже.

Одним словом, будет влиять ВСЁ,  от погоды до настроения таргетолога 😄

❓ КАК СЭКОНОМИТЬ и сделать точный вывод о том, какой дизайн/УТП/цвет кнопок работает лучше?

📈 Самый простой способ: бесплатно провести А/В тест в Яндекс Метрике. Инструмент работает на базе технологий Varioqub.

Для наглядности настроим автопереход 50% трафика со страницы А https://faqmarketing.ru/traffic-mission на страницу B https://faqmarketing.ru/mission-traffic

Чтобы начать эксперимент в Метрике:

1. Зайдите в ЯМетрику (нужны права Редактора), установленную на обеих посадочных. Выберем в меню Вариокуб.

2. Далее в раздел Эксперименты.

3. Установите предложенный код JavaScript на ваши сайты.

Тут подробно прописано, как это сделать:

https://yandex.ru/support/varioqub/ru/connect.html?lang=ru&utm_source=adv&utm_medium=article&utm_campaign=article-link&utm_content=support

Сам код берем там же, в Метрике:

📌 ВАЖНО: если код пересылаете админу, то лучше вставьте его в txt файл и пересылайте файлом.

📌 Код необходимо установить на обе страницы, основную и тестируемую в блок head.

Когда получили отмашку, нажимаем кнопку «Код уже установлен».

Можно сделать проверку корректности установки.

✅В разделе Код на сайте добавляем по очереди ссылки на наши посадочные страницы и жмем “Проверить подключение”. Если все ок, будет зеленая галочка

Для продвинутых пользователей доступна более глубокая интеграция через открытое API. Но суть нашей статьи, чтобы объяснить алгоритм не админам, а обычным пользователям 😊

4. Далее кликаем по кнопке "Создать эксперимент". В бесплатной версии одновременно можно запустить два A/B-теста.

Чтобы увеличить количество экспериментов, можно подключить платный тариф: https://varioqub.ru/?utm_source=adv&utm_medium=article&utm_campaign=article-link&utm_content=varioqub

5. Введем произвольное название. Оно должно быть понятно вам, ни на что не влияет 😜

и зададим его условия:

Продолжительность

Можно задать длительность эксперимента от 1 до 90 дней. После достижения даты окончания эксперимент остановится автоматически. Остановить его вручную можно в любой момент. В конце статьи покажем, как это сделать.

Мы зададим тест на 7 дней, но, если требуется другая длительность, достаточно кликнуть в поле и задать нужный промежуток.

Доля аудитории

По умолчанию учитывается вся аудитория сайта — 100%. Мы можем указать долю от 1% до 100%.

Если в этом поле оставить 100%, то трафик разделится 50% на одну страницу и 50% на вторую.

Если мы не хотим рисковать и протестировать, например, только 20% на вторую посадочную, то в поле Доля аудитории мы должны задать 40%, то есть 20% пойдет на 1 страницу и 20% на вторую. При этом оставшиеся 60% в эксперименте не участвуют и просто идут на первую страницу

Сейчас оставим базовое значение.

Страницы применения

Далее нужно указать домен сайта, который является “основным / первым”, и путь URL без протокола (http/https) и hash (символ # в URL и значение после него).

В нашем примере это faqmarketing.ru/mission-traffic. Чтобы задать гибкие условия, используйте специальные операторы (тут https://photo-screen.ru/i/i60R2LfsA подробнее)

GET-параметры

Если эксперимент должен проходить только на части страниц сайта, например, если будет интересно поэкспериментировать только со страницей “Спасибо”, можно задать GET-параметры, которые встречаются или отсутствуют в их адресах.

Чтобы задать гибкие условия, используйте специальные операторы https://photo-screen.ru/i/Hajl7pvT9 . Примеры использования https://photo-screen.ru/i/cHSo9VsxX

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

Регион

Доступны значения Россия, Москва, Все 😆. Регион определяется по IP-адресу посетителя сайта.

По умолчанию стоят Все - так и оставим.

Платформы

Смартфоны, планшеты, десктопные устройства (ПК), телевизоры (ТВ).

Можно оставить “Все” по умолчанию. Тип устройства пользователя определяется по User Agent посетителя сайта.

Для нашего эксперимента интересны ПК и смартфоны. Т.к. доля других устройств невелика.

Исключить поисковых роботов

При создании эксперимента вы можете исключить из аудитории роботов, которые представились (их User-agent известен).

Пользовательские параметры

В этом поле возможно задать персонализацию кастомизированных параметров, с помощью которых можно сегментировать аудиторию, которая увидит альтернативный вариант посадочной страницы.

Однако, эта функция доступна только на платном тарифе 😉

На платном тарифе также можно задать Пересечения с экспериментами.

Пересечение означает, что два или более эксперимента проводятся одновременно и могут влиять друг на друга.

Например, если вы проводите эксперимент по изменению цвета кнопки “Купить” и одновременно тестируете новое описание продукта, то можете попасть в оба эксперимента и увидеть оба изменения, что может повлиять на результаты.

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

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

Сумма процентов (долей) аудиторий нового и исключенных экспериментов не может превышать 100%. Например, если аудитория нового эксперимента составляет 30%, то аудитории исключенных экспериментов могут быть не более 70%, чтобы в сумме составить 100%.

Метрики

Здесь мы можем выбрать основную метрику, по которой будем принимать решение об успешности эксперимента. Также можно выбрать до 10 дополнительных метрик для расширенного анализа.

Выбранные метрики будут доступны в отчете по результатам эксперимента:

Основные метрики:

  • Конверсия в цель — доля визитов с достижением выбранной цели от общего количества визитов в варианте.
  • Доходы по целям за визит:

- Доход по конкретной цели;

- Доход по всем целям;

- Доход по конкретному шагу составной цели.

  • Конверсия по пользователям в цель — отношение количества уникальных посетителей, которые достигли цели, к общему количеству уникальных посетителей.
  • Количество уникальных посетителей.
  • Глубина просмотра — количество просмотров страниц сайта в одном визите.
  • Визуальные отказы. При расчетах метрики учитываются визиты посетителей, которые попали в эксперимент. Например, если посетитель нажал кнопку и сразу закрыл страницу, то считается, что эксперимент не сработал — такой визит является отказом, но не визуальным отказом. Таким образом, визуальные отказы, как правило, ниже, чем отказы в Метрике.

Щелкаем в поле

и видим список. Нам интересна сейчас Конверсия в цель.

Далее видим список Целей, созданных в нашей Метрике. Выберем основную “Оставили заявку”

Типы экспериментов

Далее мы должны указать тип нашего эксперимента. Всего их 5 видов:

Визуальный редактор

  • Используйте, если нужно визуально изменить элементы сайта, например, заголовки, тексты, кнопки или картинки.

Редирект

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

Флаги

  • Используйте, если нужно проверить гипотезы любой сложности с более глубокой интеграцией в функциональность продукта или сайта.

Рекламные блоки

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

Интеграции

  • Используйте для размещения информационных блоков с персональными предложениями, скидками или расскажите о новых возможностях.

🔥Т.к. нам требуется сравнить эффективность двух разных посадочных, нам подойдет тип Редирект.

50% пользователей при переходе по ссылке увидят одну посадку, 50% другую. Однако при повторном входе одного юзера с одного браузера - визуализация останется прежней.

Просто двигаемся по подсказкам:

Можно задать тест нескольких посадочных страниц.

Для того, чтобы на старте быть уверенным в корректности установки кода и корректности перехода сделаем еще одну проверку. В правом поле мы видим блок "Проверка эксперимента":

В поле Ссылка для проверки вариантов добавляем ссылку на Основную страницу. В нашем случае https://faqmarketing.ru/traffic-mission.

Если все установлено и настроено корректно, то при переходе по указанным кнопкам мы увидим Основную и Тестируемую страницы 💪

И обязательно нажимаем кнопку Сохранить и запустить. 😇

Машина кратенько показывает нам все условия и просит разрешения сохранить.

Вуаля! Все готово 👍

Если пройти по активной ссылке Посмотреть результат.

мы будем видеть в динамике эффективность обеих посадочных страниц в сравнении 💚

Остановить эксперимент очень просто:

Типичные ошибки при А/В тестировании:

1️⃣ Одновременно сравнивать разные версии нескольких переменных. Например, тестировать сразу две версии оффера и 2 варианта формы обратной связи.

Такие исследования вас только запутают. Важно в одном тесте проверять только один элемент.

2️⃣ Выбирать некорректные метрики. Эта ошибка совершается ещё на этапе формулировки гипотезы. Важно подбирать переменные и показатели, которые с большой вероятностью могут быть взаимосвязаны. Например, заголовок объявления и кликабельность.

3️⃣ Рано останавливать тест. Преждевременное окончание исследования может привести к неверным выводам. Чтобы этого избежать, дождитесь конца тестирования.

Иногда на итоги влияют различные обстоятельства: сезонность, инфоповоды, экономические спады. Чтобы исключить влияние этих факторов, рекомендуется проводить A/B-тесты не менее семи дней.

4️⃣ Тестировать гипотезы на слишком маленьком количестве пользователей. Недостаточный объём выборки приводит к результатам, которые не могут дать точное представление о поведении аудитории.

Чтобы точнее рассчитать выборку, пользуйтесь специальными калькуляторами.

__________________

Надеемся, вы убедились, что настроить А/В тестирование можно самостоятельно за несколько минут 😍

Требуются лишь:

  • права редактора в ЯМетрике,
  • понимание цели А/В тестирования,
  • ссылки на посадочные страницы,
  • корректная установка кода.