Jump to content
Sign in to follow this  
АлексейBL

A/B тестирование

Recommended Posts

Вот такой вопрос вопрос. Как сделать чтобы трафик который переходит на сайт раздвоить т.е. А/В тест сделать? чтобы к примеру, из 1000 переходов по директу, 500 попали на один вариант, а 500 на другой Заранее спасибо)

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.

Как проводить A/B тестирования сайта сделанного в Adobe Muse?
Автор: Евгений Зубов
 
Что такое A/B (сплит) тестирование:
Так сложилось что большинство пользователей Adobe Muse во всем мире предпочитают использовать эту простую программу для создания landing page и сайтов которые состоят всего из одной страницы. Такие проекты чаще всего призваны заставить посетителя совершить какое либо действие. Например, подписаться на рассылку, заказать товар, оставить заявку и т.д.
 
Но на самом деле мало освоить Muse и сделать действительно красивый сайт. Нужно постоянно работать над свеже-созданным проектом улучшая его полезные показатели. Например, изменив цвет кнопки, или расположение формы для подписки можно увеличить количество людей совершивших нужное вам действий на 3-4%. Для того что бы понять, как должен выглядеть ваш сайт чтобы приносить максимум пользы, человечество придумало  A/B тестирование. Его суть в том, что вы как основатель сайта создаете (например) два варианта одной страницы:

  • В первом варианте, кнопка отправки заявки красного цвета.
  • Во втором варианте, кнопка отправки заявки зеленого цвета.

​Чтобы понять по кнопке какого цвета посетители кликают охотнее, нужно разделить весь поток посетителей на две части.

  1. Первая половина посетителей видят только красную кнопку.
  2. Вторая половина посетителей видит только зеленую кнопку.

​Теперь достаточно сравнить статистические данные и узнать результаты какой цвет кнопок лучше использовать. К примеру результаты тестирования показали, что зеленый цвет кнопки дает больше отправленных заявок. Теперь, самое главное, мы продолжаем тестировать сайт дальше, в этот раз берем за основу сайт с зеленой кнопкой, но меняем на сайте что то еще и снова проводим А/В тест. Таким образом можно довести конверсию сайта до 20-30%!
 
Как провести сплит тестирование сайта сделанного в Adobe Muse:

  • Подготовка сайта.
  • Создание эксперимента в Google Analytics.
  • Подключение эксперимента к сайту.
  • Проверка работоспособности.

    Подробнее об этих этапах.

Share this post


Link to post

Подготовка Adobe Muse сайта для проведения сплит тестирования:
В качестве примера возьмем ситуацию, когда я хочу узнать какого цвета должна быть кнопка отправки заявки что бы наибольшее количество посетителей воспользовались ею. Я решил для себя что буду пробовать кнопку красного и зеленого цвета. Для проведения теста мне нужно создать два варианта одной страницы в Adobe Muse. В первом варианте (исходная страница) кнопка будет красного цвета, во втором варианте (вариант 1) зеленого цвета. Кроме этих двух страниц, должна быть третья страница, которая является гарантом выполнения посетителем нужного мне действия. Обычно это страница на которую перекидывает посетителя после щелчка по кнопке. Таким образом перед началом А/В теста мне нужно три страницы:

  • Исходная страница, в которой кнопка для отправки заявки красного цвета. Файл этой страницы назову index.html.
     
  • Вариант 1, это страница в которую я внес изменения которые хочу протестировать. В моем случае это точная копия исходной страницы, за исключением цвета кнопки для отправки заявки. На этой странице кнопка будет зеленого цвета. Файл этой страницы назову variant1.html.
     
  • Контрольная страница, то есть страница на которую переходит посетитель щелкнувший кнопку отправки заявки. Файл этой страницы назову spasibo.html.

    Название файлов я задаю в свойствах каждой страницы, прямо в программе Adobe Muse:
     
    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Настройка эксперимента в Google Analytics:
Теперь когда я подготовил свой сайт для проведение тестирования, нужно обратится к сервису Google Analytics который позволяет проводить сплит тестирование любого сайта. Задача сервиса в том, чтобы собирать статистику и распределять трафик между разными вариантами страницы.

    [*]Установите статистику Google Analytics на свой Adobe Muse сайт. [*]Находясь на главной странице, выберите сайт для которого нужно провести тестирование. [*]Выберите пункт Эксперименты в меню Поведение:

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.
      [*]Далее кнопка Создать эксперимент:

    Размещенное изображение
      [*]На этой странице нужно задать параметры эксперимента. В моем примере правильные настройки первого шага будут такие:

    Размещенное изображение

    Разберем настройки эксперимента:
    Название эксперимента - удобное и понятное название эксперимента;
    Цель эксперимента - в этой строке нужно создать новую цель, для этого нажмите кнопку Создать новую цель. Процесс создания новой цели можно посмотреть на видео:

    Размещенное изображение

    Процент трафика участвующего в эксперименте - указывает какой количество от числа всех посетителей будут участвовать в тестировании;
      [*]Создав все настройки в первом этапе жмем кнопку Сохранить изменения и переходим на второй шаг настройки:

    Размещенное изображение

    Заполняем поля следующим образом:
    Исходная страница - в моем примере файл исходной страницы (смотрите начало статьи) называется index.html.
    Вариант 1 - в моем примере файл страницы Вариант 1 называется variant1.html.
      [*]Жмем кнопку Далее и переходим на последний, третий шаг настройки эксперимента в котором мне нужно скопировать код который Google Analutics сгенерировал для моего сайта. Выделяем весь код и копируем его  буфер обмена:

    Размещенное изображение

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

Подключение эксперимента к сайту сделанному в Adobe Muse:
На этом этапе мы уже имеем три страницы в проекте Adobe Muse, и имеем настроенный эксперимент в Google Analytics. Осталось соединить эти вещи друг с другом. Для этого проделаем следующие действия:

    [*]Заходим в Adobe Muse и находим исходную страницу, то есть страницу файл которой называется index.html. [*]Кликаем правой кнопкой мыши по миниатюре страницы в в падающем списке выбираем пункт Свойства страницы и во вкладке Метаданные в поле кода для HEAD вставляем ранее скопированный в буфер обмена код:

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

      [*]Жмем кнопку ОК. [*]Заливаем сайт на хостинг, что бы обновить все файлы с уже добавленным кодом эксперимента.

    Проверка работоспособности сплит тестирования:
    Теперь, когда мы настроили сайт, настроили эксперимент в Google Analytics, добавили код эксперимента на свой сайт и обновили файлы сайта на хостинге мы можем проверить работоспособность сплит тестирования. Возвращаемся в Google Analytics где мы находимся на третьем шаге. Жмем на кнопку Сохранить изменения и переходим на последний (четвертый) шаг.
     
    Если вы все сделали правильно то, Google Analytics не выведет никаких ошибок и вы можете начинать сплит тестирование:
     
    Размещенное изображение

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

    Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

О Евгений! Ты мастер! Спасибо большое, буду тестировать) Только один вопрос. Если в head прописан код счетчика, то как быть?

Share this post


Link to post

О Евгений! Ты мастер! Спасибо большое, буду тестировать) Только один вопрос. Если в head прописан код счетчика, то как быть?

Вставить код эксперимента перед счетчиком.

Share this post


Link to post
Guest Vadim   
Guest Vadim

Вот есть еще такой сервис abtest.ru

Также если кто знает еще скрипты и сервисы для сплит тестирования пишите будет интересно.

Share this post


Link to post

Большинство сервисов либо платные, либо с ущербной статистикой, либо не совместимы с другими системами аналитики. По этому я всегда провожу сплит тестирование с использованием analytics. Какие то другие сервисы не вижу смысла рекомендовать для обычного российского дизайнера. К тому же инструмент от гугла позволяет проводить даже A/B/N тесты!

Share this post


Link to post
Guest Vadim   
Guest Vadim

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

Share this post


Link to post

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

Я практически всегда на все свои посадочники трафик беру с директа или адвордса, и никогда еще не было блокировок аккаунта. Наверняка и в Яндексе и Гугле работаю адекватные люди. Нарушением было бы если во время создания рекламной компании вы указали страничку на страничку с детскими товарами, а после одобрения поменяли бы ее на порно индустрию) Много общаюсь с людьми по теме сплит тестирований, и ни у кого еще не возникало проблем.

Share this post


Link to post
-IM-    65

что мешает сделать копию страницы с другим именем и запустить две одинаковые рекламы каждый на свой в директе ? 

Share this post


Link to post

что мешает сделать копию страницы с другим именем и запустить две одинаковые рекламы каждый на свой в директе ? 

Тоже вариант. Возможно даже проще чем описанный мною выше.

Share this post


Link to post

Тоже вариант. Возможно даже проще чем описанный мною выше.

Я применяю (когда позволяет бюджет проекта) эффективный ход, его не отнесешь к А/Б-тестированию, но по сути тестированием он и является и по большей части речь тут пойдет о значимости применения разных версий сайта. Например, режим работы компании - с 9-00 до 18-00. Под это делается основная версия сайта, на которой, у формы заказа например указано: "Сделайте заявку сейчас, и мы перезвоним вам в течение получаса!", в шапке телефон и режим работы. Вторая версия сайта для периода от 18-00 до 3-00: "Сделайте заявку сейчас и мы перезвоним вам завтра с утра!". Третья версия для выходных дней: "Сделайте заявку сейчас и мы перезвоним вам в понедельник!". Главное не забыть запретить от индексации остальные версии сайта, иначе "бесплатный" поисковый трафик можно потерять.

Также, можно менять номера телефонов, указывая то городской, то мобильный (не ставьте сразу оба! выбор предоставлять не надо!)

Алгоритм примерно такой. Пользуйтесь. Но это больше "фишка" для увеличения конверсии, чем сплит-тест.

По-этому, для чистого А/Б-тестирования, когда нужно проверить эффективность какого-либо элемента страницы, конечно лучше воспользоваться специализированным сервисом. Делать две страницы с разницей в один заголовок и на каждую одновременно запускать свою кампанию не совсем разумно, поскольку реклама будет конкурировать "сама с собой".

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...