Visual website optimizer на русском


A/B тестирование landing page в Visual Website Optimizer

Вы знаете, чем отличается хороший интернет-маркетолог от плохого? Плохой маркетолог долго и муторно старается сделать идеальный landing page и убивает свое время, гадая на кофейной гуще. Тогда как хороший маркетолог выдвигает несколько гипотез и проверяет их на реальных посетителях при помощи A/B тестирования.

Из данной статьи вы узнаете, как за 3 простых шага создать A/B тест, который даст вам:

  1. Объективный результат с выигрышной версией страницы.
  2. Кучу сэкономленного времени.

Что вы можете тестировать?

Ответ — все, что угодно. Но существует лишь 4 элемента на посадочной странице, от которых зависит 99% вашего успеха. Оставшийся 1% — это и есть “что угодно”.

В первую очередь вы должны тестировать:

  1. Заголовок.
  2. CTA (Call To Action) — призыв к действию в форме заявки.
  3. Картинки.
  4. Призыв к действию на кнопке.

Обязательное условие — тестируйте только один из пунктов, иначе вы не узнаете, что повлияло на результат.

Шаг 1. Открываем страницу в VWO

Для создания A/B теста я советую вам завести аккаунт в Visual Website Optimizer. Он хорош тем, что не требует от вас знаний верстки, чтобы создавать новые страницы.

Во вкладке Create выберите A/B Test.

Откроется новая страница. В пустое поле введите URL вашей страницы и нажмите Next.

Откроется копия вашей страницы, на которой можно сразу менять содержимое. Но на этом вы можете не останавливаться и создать несколько вариантов страниц, нажав кнопку +ADD VARIATION.

Шаг 2. Меняем контент

Кликните на элемент, который хотите изменить. Автоматически откроется окно редактирования. Дальнейшие действия зависят от сложности задачи:

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

После того, как написан новый текст, нажмите кнопку Next.

Шаг 3. Технические мелочи

Выберите целью действие посетителя, которое хотите отслеживать. Лучше всего отслеживать посещение страницы “спасибо”, на которую переходит посетитель после заполнения формы заявки. Жмем Next.

Дайте название вашему тесту и нажмите Finish.

После чего VWO покажет вам код, который вы или ваш верстальщик должны установить перед тегом </head>. Очень важно установить код на обе страницы: основную и страницу “спасибо”. Далее жмите кнопку Start now и ваш тест будет запущен!

Подведем итоги

1) Страница с высокой конверсией достигается путем выдвижения несколько гипотез и проверки их на реальных посетителях при помощи A/B тестирования;

2) Проводя A/B тест, вы получаете объективный результат с выигрышной версией страницы и экономите кучу времени;

3) Существует лишь 4 элемента на посадочной странице, от которых зависит 99% вашего успеха: заголовок; CTA; картинки; призыв к действию на кнопке;

4) Тестируйте только один из пунктов, иначе вы не узнаете, что повлияло на результат;

5) Visual Website Optimizer не требует от вас знаний верстки, чтобы создавать новые страницы.

Успехов вам в достижении идеального landing page!

Получайте бесплатные уроки и фишки по интернет-маркетингу

convertmonster.ru

Аналоги сервиса Visual Website Optimizer

Сервисы, похожие на Visual Website Optimizer относятся к сфере веб-аналитика. Список отсортирован в порядке уместности. Чтобы найти подходящий аналог, сравните сервисы, прочтите описание и отзывы.

Система лид-менеджмента для малого и среднего бизнеса

Woopra Есть бесплатный тариф

Сервис для отслеживания поведения пользователей на сайтах, при email-рассылке и в мобильных приложениях.

Mixpanel Есть бесплатный тариф

Веб-платформа для мобильной аналитики и анализа поведения пользователей приложений в режиме реального времени.

Optimizely Есть бесплатный тариф

Платформа предоставляет компаниям проведение A/B-тестирования и многостраничное тестирование.

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

Сервис для аналитики эффективности контента в режиме реального времени на веб-сайтах и сбора социальных и мобильных данных.

Serpstat Есть бесплатный тариф

Инструмент для SEO, PPC, поисковой аналитике и маркетинга.

Quantcast Есть бесплатный тариф

Сервис призван измерять демографические показатели аудитории и поставлять рекламу в режиме реального времени.

Веб-сервис для анализа аудитории веб-ресурсов, «склеивания» информации о посетителях сайтов с разных устройств.

Программный комплекс для партнерской индустрии. Это интуитивный, быстрый, эффективный и расширяемый партнерский веб-сервис.

Пакет SEO-инструментов: проверка позиций, мониторинг ТОПов, анализ ссылок, текста, конкурентов, подбор ключевых слов, диагностика санкций и др.

Push5site Есть бесплатный тариф

Браузерные push-уведомления для сайта.

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

Сервис для автоматизации маркетинга и привлечения клиентов и перспектив.

Веб-сервис для аналитики трафика по веб-ресурсу или мобильному приложению. Система умеет анализировать ключевые слова, конверсию, целевые страницы и др.

Сервис по отслеживанию звонков с рекламы и сбора данных для анализа рекламных каналов.

A/B тестирование, автоматизация Email-рассылок и работы с лидами.

Сервис собирает данные по любым рекламным источникам в единую базу и автоматически считает 23 бизнес-показателя.

Сервис для управления показами медийной рекламы и анализа рекламной статистики.

Инструмент для оценки посещаемости сайтов, аналитики поведения посетителей и эффективности рекламы. Включает мониторинг доступности сайтов и API.

Набор инструментов для решения задач поисковой оптимизации и аналитики: от анализа ключевых слов до расширенного аудита целевого сегмента.

Конструктор лендинг сайтов.

Amplitude Есть бесплатный тариф

Сервис мобильной и веб-аналитики. Позволяет понять, что пользователи делают с продуктом на всех платформах.

SEO-инструмент для анализа сайта и его рейтинга из маркетинговой системы Unamo. Он отслеживает ежедневные изменения, измеряет эффективность SEO и способствует лучшему ранжированию.

Платформа мобильной аналитики для оптимизации пользовательского опыта в приложении.

SeeZisLab Есть бесплатный тариф

Веб-ресурс для аналитики YouTube каналов. Сервис детально анализирует работу любого YouTube аккаунта, его заработок, активность, социальные характеристики и другие показатели.

Редакционная аналитика для интернет-изданий.

Pozvonim Есть бесплатный тариф

Бесплатный сервис привлечения и удержания клиентов.

Сервис для получения представления о посетителях с подключенной блокировкой рекламы.

Сервис для оптимизации конверсии.

Сервис автоматизации клиентской отчетности для специалистов digital-агентств.

Сервис персонализации скидок для посетителей интернет-магазинов.

Веб-сервис для устранения проблем с юзабилити сайта.

Решения A/B-тестирования и персонализации сайтов и мобильных приложений.

Маркетинговый онлайн-инструмент с информацией по источникам трафика и воронке продаж по SEO-направлению. Он нацелен на электронную коммерцию и любой интернет-бизнес.

Calltouch Профессиональный аккаунт

Система аналитики, коллтрекинга и управления рекламой. Поможет объединить все данные в едином интерфейсе для оптимизации рекламного бюджета и повышения эффективности маркетинга.

Сервис для веб-аналитики, составления отчётов и ведения бизнес-аналитики.

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

Ptengine Есть бесплатный тариф

Теплокарты и аналитика для веб-сайта.

Сервис автоматической генерации отчетов по поисковому продвижению для клиентов

Инструмент для проверки позиций сайта по ключевым словам.

Segment Есть бесплатный тариф

API для аналитики и хаб для сбора данных о пользователях.

Облачный сервис, для учёта клиентов и продаж, контроля взаимодействий с клиентами, ведения задач и проектов, отчётов по расходам на рекламу и доходу и др.

Система аналитики для редакций СМИ.

Сервис для A/B тестирования с интеграцией с Google Analytics.

Сервис редакционной аналитики.

Онлайн-система автоматизации контекстной рекламы. Позволяет управлять ставками, создавать объявления, вести аналитику по ключевым словам, конверсиям, CPA, прибыли и ROI.

Сервис аналитики по повторных сеансам, тепловым картам, формам и другим показателям.

Сервис визуализации кликов посетителей сайта.

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

Инструмент для A/B-тестов: исправления, оптимизации и персонализации сайтов.

startpack.ru

Visual Website Optimizer — сплит тестирование ландинг пейдж на основном домене и домене третьего уровня

Сплит тестирование — распространенный метод определения наиболее оптимального, как правило, с точки зрения конверсии, варианта страницы сайта. Суть метода заключается в том, чтобы направить трафик на две различные страницы, после чего сравнить их по необходимым параметрам.

Задача для проведения тестирования была определена следующим образом: Планируется запуск рекламной кампании в Яндекс Директ: необходимо выявить вариант посадочной страницы, который принесет большее количество заявок (на котором выше коэффициент конверсии). Исходный вариант страницы является главной страницей сайта, альтернативный вариант размещен на домене третьего уровня. Для управления тегами на сайте используется Google Tag Manager.

Для решения поставленной задачи был выбран инструмент Visual Website Optimizer, поскольку в нем имеется удобный механизм настройки сплит теста, а также учитывается незначительный объем привлекаемого трафика и возможность проведения бесплатного теста на пробном тарифном плане:

Какие настройки необходимо выполнить для проведения подобного эксперимента:• установить исходный и альтернативный адреса страниц;• указать сегмент трафика, участвующего в эксперименте;• настроить цель.

Для создания теста в Visual Website Optimizer необходимо в панели управления выбрать пункт «Create test», затем для решения обозначенной задачи указать тип теста «Split URL test»:

После этого будет запущен мастер создания теста. На первом шаге необходимо указать полный URL исходной страницы, после чего нажать кнопку «Create test»:

На втором шаге будет предложено указать альтернативный вариант страницы или (если их несколько) все из них. Заполнить необходимо поля «Variation name», которое затем будет обозначать название варианта, и «Variation URL», в котором указывается полный URL альтернативной страницы. Добавление строки для указания дополнительных вариантов страницы осуществляется нажатием кнопки "+ Add variation". Завершается настройка вариантов нажатием кнопки «Add Goals →»:

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

Как на исходном варианте страницы, так и на альтернативном форма (после успешной обработки) отображает в браузере страницу вида:

http://prometriki.ru/orderok.php?a=b&c=d&e=f илиhttp://variation.prometriki.ru/folder/orderok.php?a=b&c=d&e=f

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

Visual Website Optimizer предоставляет возможность настройки нескольких типов целей:

Поскольку нам известен URL страницы, которая отображается в случае успешной отправки формы, было принято решение использовать тип «visits a page».

Учитывая, что в адресе страницы, указываемой в качестве цели, имеется общий одинаковый фрагмент «orderok», цель была настроена следующим образом:

Где знак «*» указывает на вхождение/наличие любого символа.

После сохранения настроек цели (на четвертом шаге) предлагается указать ряд дополнительных настроек эксперимента. Поскольку в поставленной задаче участие в эксперименте должны принимать только посетители, пришедшие на сайт из кампаний Яндекс Директ, укажем именно на это, настроив сегмент аудитории.

Выполнить необходимую настройку нужно в блоке «Target test to a Segment» нажатием справа от него кнопки «Change». Появившаяся кнопка «Add visitor condition» отображает форму указания необходимых параметров.

После сохранения всех настроек эксперимента откроется страница, на которой будет приведен фрагмент кода. Данный код необходимо разместить на страницах, принимающих участие в тесте, а также на странице «order.php».

Как упоминалось ранее, для управления тегами на сайте используется Google Tag Manager, код для тестирования также будет размещен с его помощью. Делается это следующим образом:

В контейнер Google Tag Manager, установленный на сайте, необходимо добавить тег типа «Пользовательский HTML», в который следует скопировать код отслеживания из Visual Website Optimizer:

После этого выполняется настройка правил активации тега. Учитывая, что в Яндекс Директе используются ссылки, помеченные utm_ метками, осуществить это будет просто. Это первое правило для отображения кода эксперимента на исходной странице и на альтернативном варианте. Второе правило служит для вывода кода эксперимента на странице «orderok.php»:

Завершив создание и настройку тега, публикуем новую версию контейнера на сайте.

Теперь необходимо вернуться в панель управления Visual Website Optimizer и запустить тест. Делается это нажатием красной кнопки «Start Test Now», расположенной в нижней части страницы, завершающей процесс создания тега:

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

Общие сведения по тесту представлены следующим образом:

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

Если существует необходимость в получении подробной информации по тесту, выберите в верхней части страницы вкладку «Detailed report»:

Приведенный пример демонстрирует лишь один частный случай сплит тестирования с помощью Visual Website Optimizer. Он предоставляет гораздо больше возможностей для тестирования, причем для некоторых вариантов теста от вас не требуется никаких дополнительных знаний и навыков. Все настройки выполняются в удобном, интуитивно-понятном интерфейсе.

habrahabr.ru

Интеграция СoMagic c Visual Website Optimizer

Стандартные возможности сервиса Visual Website Optimizer (VWO) позволяют проводить A/B-тестирование сайта, отслеживая только онлайн-конверсии (переходы на определенные страницы, клики на кнопки и другие элементы и т.д.). 

Однако, хорошо известно, что больше половины продаж приходится на так называемую «оффлайн-конверсию» — звонки клиентов. Интеграция VWO c СoMagic позволяет существенно повысить точность тестирования, предоставляя сервису доступ к данным по отслеживанию звонков.

Для того, чтобы объединить технологические возможностям CoMagic и VWO, необходимо выполнить следующие действия:

1. Заводим новый тест в VWO:

    • Выбираем тип “Split URL Test”

    • Указываем адрес контрольного и тестируемого варианта страницы:

  • Создаем цель по отслеживанию звонков:

    • Завершаем создание эксперимента в обычном порядке.

2. Перед запуском теста подготавливаем http-запросы, которые потом пропишем в CoMagic для передачи в VWO информации о звонках. Запрос составляется по образцу:

http://dev.visualwebsiteoptimizer.com/c.gif?experiment_id=TEST_ID&ACCOUNT_ID=xx&GOAL_ID=Goal_id&COMBINATION=1

где:

TEST_ID — ID эксперимента, посмотреть его можно так:

ACCOUNT_ID — ID аккаунта, его можно посмотреть, например, в той же закладке в определённой строке кода:

GOAL_ID — ID цели, он отображается в настройках цели (скриншот выше)

COMBINATION — параметр, который равен 1, если передаём информацию о звонке с контрольного варианта, 2 — если с первого тестируемого варианта, 3 — если со второго тестируемого варианта и т.д.

Т.е. в нашем примере это будут два запроса:

для передачи информации о звонке с контрольного варианта страницы

http://dev.visualwebsiteoptimizer.com/c.gif?experiment_id=18&ACCOUNT_ID=57024&GOAL_ID=200&COMBINATION=1

для передачи информации о звонке с тестируемого варианта страницы

http://dev.visualwebsiteoptimizer.com/c.gif?experiment_id=18&ACCOUNT_ID=57024&GOAL_ID=200&COMBINATION=2

3. Теперь сделаем необходимые настройки в CoMagic.

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

Внимание! При создании таких кампаний для указанных страниц более ранние настройки коллтрекинга действовать не будут. Что это значит: создавая такие рекламные кампании, мы привязываем номер не к рекламному источнику, а к конкретному URL-адресу. Т.е. для указанных страниц на время проведения эксперимента будет невозможно детально отследить рекламный канал. 

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

    • Далее настраиваем отправку уведомления о событии «Звонок» с помощью созданных http-запросов:

Теперь при поступлении звонка по нашим новым рекламным кампаниям CoMagic отправит уведомление в VWO о достижении цели на контрольном или тестовом варианте страницы.

Эту информацию можно будет посмотреть в интерфейсе CoMagic:И, конечно же, в интерфейсе VWO:

www.comagic.ru

Кейс сплит тестирования в Visual Website Optimizer

Сплит тестирование – распространенный метод определения наиболее оптимального, как правило с точки зрения конверсии, варианта страницы сайта. Суть метода заключается в том, чтобы трафик направить на две различные страницы, после чего сравнить их по необходимым параметрам.

Задача для проведения тестирования была определена следующим образом:

Планируется запуск рекламной кампании в Яндекс Директ, необходимо выявить вариант посадочной страницы, который принесет большее количество заявок (на котором выше коэффициент конверсии). Исходный вариант страницы является главной страницей сайта, альтернативный вариант размещен на домене третьего уровня.  Для управления тегами на сайте используется Google Tag Manager.

Для решения поставленной задачи был выбран инструмент Visual Website Optimizer, поскольку в нем имеется удобный механизм настройки сплит теста, а также учитывая незначительный объем привлекаемого трафика возможность проведения бесплатного теста на пробном тарифном плане:

Visual Website Optimizer

Какие настройки необходимо выполнить для проведения подобного эксперимента:

  • установить исходный и альтернативный адреса страниц;
  • указать сегмент трафика участвующего в эксперименте;
  • настроить цель.

Для создания теста в Visual Website Optimizer необходимо в панели управления выбрать пункт Create test, затем, для решения обозначенной задачи, указать тип теста  Split URL test:

Создание теста в VWO

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

Шаг 1 создания теста в Visual Website Optimizer

На втором шаге будет предложено указать альтернативный вариант страницы или если их несколько, то все из них. Заполнить необходимо поля Variation name, которое затем будет обозначать название варианта и Variation URL, в котором указывается полный URL альтернативной страницы. Добавление строки для указания дополнительных вариантов страницы осуществляется нажатием на кнопку + Add variation. Завершается настройка вариантов нажатием на кнопку Add Goals →:

Шаг 2 создания теста в Visual Website Optimizer

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

Как на исходном варианте страницы, так и на альтернативном, форма после успешной обработки отображает в браузере страницу вида:

http://prometriki.ru/orderok.php?a=b&c=d&e=f

или

http://variation.prometriki.ru/folder/orderok.php?a=b&c=d&e=f

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

Visual Website Optimizer предоставляет возможность настройки нескольких типов целей:

Типы целей в Visual Website Optimizer

Поскольку нам известен URL страницы, которая отображается в случае успешной отправки формы, было принято решение использовать тип visits a page.

Учитывая, что в адресе страницы указываемой в качестве цели имеется общий одинаковый фрагмент orderok цель была настроена следующим образом:

Настройка цели Visual Website Optimizer

Где знак * указывает на вхождение/наличие любого символа.

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

Выполнить необходимую настройку нужно в блоке Target test to a Segment. Нажатие справа от него кнопки Change, затем на появившейся кнопке Add visitor condition, отображает форму указания необходимых параметров.

Настройки сегмента пользователей Visual Website Optimizer

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

Как упоминалось ранее, для управления тегами на сайте используется Google Tag Manager, код для тестирования также будет размещен с его помощью. Делается это следующим образом.

В контейнере Google Tag Manager , который установлен на сайте, необходимо добавить тег типа Пользовательский HTML, в который скопировать код отслеживания из Visual Website Optimizer:

Пример тега Google Tag Manager содержащий код эксперимента VWO

После этого выполняется настройка правил активации тега. Учитывая, что в Яндекс Директ используются ссылки помеченные utm_ метками сделать это не составляет труда, это будет первое правило для отображения кода эксперимента на исходной странице и на альтернативном варианте. Второе правило служит для вывода кода эксперимента на странице orderok.php:

Пример правил для Google Tag Manager

Завершив создание и настройку тега публикуем новую версию контейнера на сайте.

Теперь необходимо вернуться в панель управления Visual Website Optimizer и запустить тест. Делается это нажатием красной кнопки Start Test Now расположенной в нижней части страницы завершающий процесс создания тега:

Запуск теста Visual Website Optimizer

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

Общие сведения по тесту представлены следующим образом:

Общие итоги теста Visual Website Optimizer

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

Если есть необходимость получить подробную информацию по тесту выберите в верхней части страницы вкладку Detailed report:

Подробная информация по тесту

Приведенный пример демонстрирует лишь один частный случай сплит тестирования с помощью Visual Website Optimizer. Он предоставляет гораздо больше возможностей для тестирования, причем для некоторых вариантов теста от вас не требуется никаких дополнительных знаний и навыков. Все настройки выполняются в удобном интуитивно-понятном интерфейсе.

prometriki.ru


Смотрите также