Google Optimize: как тестировать UX сайта без программиста
Подробный гайд по работе в Google Optimize с примером настройки А/Б теста
Цвет кнопки, расположение корзины покупателя, количество полей в форме заказа и даже фон страницы — все это влияет на поведение пользователей на сайте. Как же определить оптимальный вид страницы при большом количестве переменных, не привлекая программиста? Ответ есть — использовать Google Optimize.
Что такое Google Optimize, как с ним работать и как самому запустить тестирование сайта — подробно расскажем и покажем на конкретном примере.
Что такое Google Optimize
Google Optimize — это сервис для тестирования интерфейса сайта. Бета-версия вышла в 2016 году. С тех пор сервис широко используется специалистами по оптимизации, маркетологами, дизайнерами и владельцами интернет-магазинов, блогов, онлайн-сервисов и других площадок.
Работает сервис так:
Что можно тестировать:
Структура Google Optimize
Google Optimize имеет трехуровневую иерархию. Работа с сервисом начинается с настройки аккаунта. Аккаунт — первый уровень иерархии в системе.
В аккаунте находится один или несколько контейнеров — второй уровень иерархии. В контейнере содержится информация о сайте и экспериментах.
Эксперимент — третий уровень иерархии в Google Optimize. В сервисе можно запускать А/Б тестирование, многовариантные эксперименты и эксперименты с оптимизацией.
Далее поэтапно расскажем о настройке аккаунта, контейнера и запуске тестирования.
Настройка аккаунта
Начало работы
Зайдите на страницу Optimize в Google Marketing Platform. Кликните «Start for free».
Система переведет вас на русскоязычную версию сервиса с названием Google Оптимизация.
Для работы с сервисом Google Оптимизация нужно иметь три аккаунта:
Работа с аккаунтом Google Optimize
Аккаунт — это высший уровень иерархии в Google Optimize. В нем содержатся контейнеры и проекты.
Можно проводить эксперименты над одним или несколькими сайтами. Для простого управления используйте название кампании в качестве имени аккаунта и создавайте отдельную учетную запись для каждой кампании.
По умолчанию аккаунт в Google Оптимизация называется «Мой аккаунт». Переименуйте его.
Как переименовать
1. Нажмите на знак «развернуть» напротив надписи «Информация о контейнере».
В открывшемся меню выберите пункт «Управление аккаунтами».
2. На странице управления аккаунтами кликните на знак «Дополнительные аккаунты». В меню выберите «Изменить данные аккаунта».
3. Введите название аккаунта так, чтобы оно соответствовало названию кампании. Например, кампания называется «All Nappy», поэтому аккаунт логично назвать «All Nappy».
Также здесь можно посмотреть свой идентификатор аккаунта и условия пользовательского соглашения.
4. Сохраните изменения — система переименует аккаунт.
Настройка контейнера
Контейнер — следующий уровень иерархии в Google Optimize после аккаунта. Он находится в аккаунте, содержит все данные о сайте и об экспериментах.
По умолчанию контейнеру присваивается название «Мой контейнер» Рекомендуется переименовать его так, чтобы название соответствовало названию сайта.
Как переименовать
1. Нажмите на знак «развернуть» напротив надписи «Информация о контейнере». В открывшемся меню выберите пункт «Изменить название контейнера».
2. Введите подходящее название и сохраните изменения. Названием может служить домен сайта — это упростит управление контейнерами и проектами в будущем.
Один контейнер — не равно один сайт. В нем может находиться и несколько сайтов — все зависит от поставленных целей.
Если тестируется несколько сайтов, то можно:
Настройка проекта оптимизации
Типы проектов оптимизации
Проект — эксперимент, направленный на решение определенной задачи. Например, сравнение разных анкетных форм, тестирование CTA-кнопок разного цвета, сравнение посадочных страниц с видео и без и т. д.
В Google Optimize доступны такие проекты:
Эксперимент А/Б
Второе название — А/Б/n эксперимент. В Google Оптимизации можно создавать десятки разных вариантов страницы, изменив какой-либо элемент.
Исходная и тестируемые страницы показываются посетителям сайта в рандомизированном порядке. Доли распределения трафика между исходной и экспериментальной страницами указываются в настройках. Настройками таргетинга определяется, какая именно аудитория будет участвовать в эксперименте. Также устанавливается процент посетителей, которые будут участвовать в А/Б тестировании (подробно настройку А/Б теста в Google Оптимизации мы покажем ниже).
Например, можно запустить проект в котором сравнивается два цвета конверсионной кнопки. Исходный — синий, тестовый — красный.
Сервис автоматически тестирует страницы и сравнивает эффективность, например, по коэффициенту конверсии. После завершения А/Б тестирования Google Optimize начнет показывать более эффективный вариант страницы.
Многовариантный эксперимент
Главное отличие от А/Б эксперимента — можно менять одновременно не один, а несколько элементов страницы.
Например, можно запустить эксперимент, в котором сравнивается:
В итоге система будет тестировать 6 комбинаций страниц:
Этот тест подходит, если вы хотите протестировать сразу несколько элементов, не тратя на это лишнего времени.
Эксперимент с переадресацией
Если в обычном А/Б тесте сравниваются одни и те же страницы с одним отличающимся элементом, то здесь сравниваются разные страницы (причем они вообще могут быть не похожи друг на друга).
Например, эксперимент с переадресацией позволяет протестировать две разные страницы с разным URL:
Система в рандомизированном порядке показывает пользователям эти страницы. Можно настроить долю распределения трафика между ними и процент посетителей, участвующих в эксперименте.
Персонализация
Это не тест, а единый набор изменений, которые вносятся на сайт с учетом интересов определенной группы пользователей.
Персонализацию можно запускать:
Пример настройки А/Б эксперимента в Google Optimize
На примере сайта детской тематики покажем, как запустить А/Б тест. Тестироваться будет внешний вид кнопок.
Для создания проекта оптимизации нажимаем «Начать».
Указываем название эксперимента и URL страницы, которая будет тестироваться. Выбираем тип проекта оптимизации — «Эксперимент А/Б».
Заходим в созданный проект. Настройку проводим в такой последовательности:
По умолчанию эксперимент завершается спустя 90 дней после его запуска. Для изменения сроков эксперимента нажимаем на знак часов в верхней панели инструментов.
В расписании указываем дату и время запуска и окончания эксперимента. Важное условие — длительность эксперимента не должна превышать 90 дней.
1. Создаем экспериментальные варианты
Выполняем настройки на сайте. На исходной странице блога цвет кнопки «Read More» оранжевый.
В эксперименте меняем его на красный. Это позволит установить, будут ли посетители чаще разворачивать статью.
Для более удобной работы с Google Optimize устанавливаем в браузер Chrome расширение «Оптимизация». С его помощью можно быстро редактировать изменения на страницах сайта.
2. Добавляем правила таргетинга
Для этого переходим по ссылке «правила выбора целевой аудитории».
Выбираем тип правил для настройки таргетинга.
Доступны такие настройки таргетинга:
3. Указываем, что именно тестировать
Для этого кликаем «+Добавить вариант».
В открывшемся окне пишем название варианта. В примере — Вариант 1 (красные кнопки). Сохраняем изменения.
Система по умолчанию равномерно распределяет трафик между исходной и экспериментальной страницами. В этом случае посетитель имеет равные шансы увидеть любой из вариантов.
Изменяем доли распределения трафика вручную, чтобы уменьшить трафик на тестируемую страницу. Для этого нажимаем на «Вес 50%». Вместо способа «Равномерно» выбираем «Вручную» и самостоятельно устанавливаем доли трафика.
4. Настраиваем таргетинг по региональному признаку
Для этого кликаем на «Геоданные». В открывшемся окне выбираем уровень настройки — страна (доступны другие варианты — регион, агломерация, город). Ниже вводим на английском языке первые буквы названия региона — система сама предложит подходящие варианты.
5. Устанавливаем правило для страницы
Для настройки эксперимента добавляем правило для URL. Настраиваем таргетинг на страницы сайта, кликнув по кнопке «Добавить правило для URL».
В открывшемся окне указываем при переходе на какие URL пользователю будут показываться измененные варианты страницы.
6. Устанавливаем связь с Google Analytics
Для настройки эксперимента кликаем на кнопку «Установить связь с Google Аналитикой».
Выбираем подходящий ресурс Google Аналитики из доступного списка. Предоставляем сервису доступ ко всем данным по сайту — так Google Optimize получает доступ к целям, аудиториям и фильтрам Google Аналитики.
По завершению настройки сервис присвоит проекту буквенно-цифровый код — идентификатор эксперимента.
7. Устанавливаем цели
Сервис позволяет использовать стандартные цели или создать собственные. Собственные цели эксперимента должны быть связаны с Google Analytics.
В нашем примере в Google Аналитике уже заданы цели, поэтому выбираем из списка подходящую цель. Для этого нажимаем на пункт «Выбрать из списка». Кликаем по подходящей цели и назначаем ее основной.
Далее назначаем дополнительные цели. В одном эксперименте можно устанавливать не более трех целей: одна — основная, две — дополнительные.
Установка целей — последний этап настройки проекта в Google Оптимизации. Если все этапы пройдены то вверху на панели инструментов появляется надпись «Проект к запуску готов».
8. Дополнительные настройки
В Google Optimize есть еще дополнительные настройки, которые следует установить до запуска проекта.
Устанавливаем дополнительные настройки:
Важно! Обратите внимание на пункт «Распределение трафика». По умолчанию в эксперименте участвует 100% пользователей. Измените эту настройку, если хотите снизить процент посетителей, участвующих в эксперименте. Не рекомендуется менять настройки сайтам с небольшим количеством уникальных посетителей в месяц. В этом случае снизится чистота эксперимента и сервису может не хватать статистических данных. Площадки с миллионной аудиторией могут установить процент на уровне 5–10%.
После выполнения дополнительных настроек запускаем проект оптимизации. Для этого на панели инструментов нажимаем на кнопку «Ок». Сервис создает код эксперимента, который надо вставить на тестируемую страницу сайта.
Первые результаты тестирования будут доступны через несколько суток после запуска эксперимента. Для отслеживания результатов тестирования выбирается подходящий эксперимент из списка и просматриваются отчеты по нему.
Проверили гипотезу — что дальше?
Оптимизация сайта — это только часть работ по привлечению клиентов из интернета. Также нужно настроить эффективную рекламу. В этом вам помогут инструменты Click.ru:
Your website is your store window.
Engage your website visitors like never before. Create personalized experiences and run website tests — for free.
How Optimize can help your website.
Let your data guide you.
Optimize is natively integrated with Google Analytics, so you can quickly understand how your website can be improved.
Test your website.
Easily run tests on your website’s content to learn what works best for your visitors, including A/B, multivariate, and redirect tests.
Tailor a compelling experience.
One size never fits all. Customize your website experience to suit each type of audience.
Take matters into your own hands.
Drive better results from your own screen in minutes.
Gain more customers.
Create custom landing pages for your Google Ads and convert more visitors into customers.
Let your data guide you.
Optimize is natively integrated with Google Analytics, so you can quickly understand how your website can be improved.
Test your website.
Easily run tests on your website’s content to learn what works best for your visitors, including A/B, multivariate, and redirect tests.
Tailor a compelling experience.
One size never fits all. Customize your website experience to suit each type of audience.
Take matters into your own hands.
Drive better results from your own screen in minutes.
Gain more customers.
Create custom landing pages for your Google Ads and convert more visitors into customers.
Google Optimize helped us make continuous UX improvements on our mobile site. One experiment alone drove a 2X increase in monthly plan sales.
Dive into the details.
Set up your first website test in minutes and save time with our visual editor. Explore this feature and more to better optimize your customer journey.
Designed to work together.
Optimize natively integrate with other Google solutions, saving you valuable time while increasing efficiencies across your team.
Analytics
Use your Analytics data to identify where to improve your site, measure experiments against business goals, and see exactly how your changes influence customer behavior.
Google Ads
Improve the value of your Google Ads investment. Create and test custom landing pages for your campaigns, ad groups, or keywords.
Firebase
Power A/B testing on Firebase app experiences – allowing you to run experiments on Firebase Remote Config and Cloud Messaging.
Analytics
Use your Analytics data to identify where to improve your site, measure experiments against business goals, and see exactly how your changes influence customer behavior.
Google Ads
Improve the value of your Google Ads investment. Create and test custom landing pages for your campaigns, ad groups, or keywords.
Firebase
Power A/B testing on Firebase app experiences – allowing you to run experiments on Firebase Remote Config and Cloud Messaging.
Find a website testing solution that fits.
Optimize offers small business and enterprise solutions to help you test and deliver the best digital experiences to your customers.
Как провести свой первый А/B тест: автоматизируем процесс с Google Optimize
Соберите все данные для сквозной аналитики вместе с OWOX BI
Соберите все данные для сквозной аналитики вместе с OWOX BI
Итак, сайт запущен. Новые посетители заходят на него каждый день. Многие становятся вашими клиентами. Казалось бы, теперь можно выдохнуть, похвалить себя и наслаждаться спокойствием. Но, в какой-то день в голове появляются мысли: «Может стоит изменить фон на главной?», «А вдруг посетителям не нравится эта картинка?», «Может, если мы передвинем этот текст вправо, а кнопку влево, у нас появится больше клиентов?», «А вдруг эти изменения наоборот снизят конверсию?».
Если вы сталкивались с такой ситуацией, самое время разобраться в A/B тестировании. Наша инструкция подскажет, как правильно автоматизировать этот процесс, почему для этого нужен Google Optimize и как его настроить, и на какие моменты стоит обратить внимание при проведении своего первого эксперимента.
Содержание
бонус для читателей
Все доклады конференций: Analyze!, GoAnalytics!, Ecommerce
Что такое Google Optimize?
Google Optimize — это сервис для тестирования интерфейса сайта. С ним можно проводить А/В и мультиканальные тестирования, собирать и анализировать данные о поведении пользователей на сайте.
Например, вы можете в виде эксперимента скрыть или изменить определенные кнопки на сайте, сравнить разные посадочные страницы или протестировать страницы с разным дизайном. И что важно, в результате такого эксперимента вы получите отчеты об эффективности ваших изменений и поймете их влияние на конверсию.
Как создать свой первый эксперимент?
Создаем аккаунт в Google Optimize
1. Перейдите в Google Optimize и нажмите «Создать аккаунт».
2. В появившемся окне назовите аккаунт, примите условия соглашения и нажмите «Далее».
3. Вы переходите на страницу, где можно создать свой первый проект по оптимизации.
4. В открывшемся окне назовите эксперимент, укажите адрес страницы, которую планируете тестировать, а также выберите тип эксперимента.
В Google Optimize доступны три вида тестов:
Для А/Б текста выбирайте эксперимент А/Б и кликайте кнопку Создать.
Вы автоматически перейдете на страницу запуска проекта.
Здесь показаны все шаги, которые необходимо пройти для старта эксперимента.
Устанавливаем Google Optimize (через GTM)
Кликните на кнопку Установить связь с Google Аналитикой.
Выберите нужный ресурс и представление. Кликните Создать.
Важно. С помощью представлений вы можете получить доступ к целям, аудиториям и фильтрам Google Аналитики. Для контейнера необходимо выбрать хотя бы одно представление. Если вы укажете несколько представлений, контейнер получит доступ ко всем, но с каждым проектом оптимизации можно будет связать только одно. Подробнее в справке Google.
Теперь вам нужно либо самостоятельно установить код Оптимизации, либо воспользоваться настройкой через Google Tag Manager.
Чтобы разместить код через Google Tag Manager:
Если вы еще не работали с этим сервисом, вот инструкция по настройке.
Важно. Идентификатор аккаунта Google Optimize можно найти в кабинете настройки Google Optimize, как указано на скрине ниже.
Если вы все правильно сделали, информация по связи с Google Analytics автоматически подтянется на страницу настройки Google Optimize.
Если код был установлен неправильно, вы увидите уведомление об этом на странице Google Optimize.
Проведите диагностику и исправьте ошибки.
Важно. Отправка данных из Google Analytics в Optimize может занять до 12 часов. Как только эксперимент завершится, данные автоматические перестанут отправляться в Optimize.
Обратите внимание на еще один важный шаг в этой настройке.
Для того, чтобы посетители сайта не видели сам процесс подмены элементов, вам нужно изменить порядок выполнения тегов, чтобы тег Optimize срабатывал раньше Google Analytics.
Перейдите в расширенные настройки тега Analytics, поставьте галочку возле пункта «Активировать тег перед тегом Google Analytics» и выберите из списка тег Google Optimize.
Выбираем аудитории для таргетинга и цели эксперимента
Для этого сначала кликните Добавить вариант.
Назовите свой вариант. И Кликните Готово.
На новой странице вы увидите 2 варианта сайта: Исходный вариант (создан автоматически Google Optimize) и вариант 1 (который вы только что создавали).
Для того, чтобы как-то определить изменение на вашем варианте, кликните на кнопку Изменить.
Вам предложат установить расширение, с помощью которого можно настроить то самое изменение. Устанавливаем его.
Убедитесь, что расширение включено.
Теперь опять кликайте кнопку Изменить на странице с вариантами для эксперимента и вы переходите непосредственно на сайт, где вы можете:
Выбираем нужное нам изменение и кликаем Сохранить и затем Готово в правом верхнем углу страницы.
Важно. Рекомендуется делать только один тест за раз. При связке 1 тест = 1 изменение легче понять, как это изменение влияет на конверсию.
Теперь настраиваем аудиторию для таргетинга — ваш эксперимент увидит только определенная группа пользователей.
У вас есть возможность подобрать аудиторию:
Выбираем нужный вариант, например, по Поведению и задаем нужные переменные для этого типа аудитории. Кликаем Добавить.
С этим этапом мы справились. Переходим к следующему и завершающему этапу настройки.
Теперь нам осталось настроить цели — показатели, с помощью которых определяется эффективность вариантов.
В Google Optimize есть три типа стандартных целей:
Выберите необходимую вам цель в качестве основной.
Также вы можете добавить дополнительные цели. Рекомендуем для начала поработать с одной, чтоб понять принцип проведения A/B тестирования.
Кликните Ок в правом верхнем углу страницы и проект будет запущен.
Отчеты в Google Optimize
У вас есть возможность просматривать отчеты как по завершению эксперимента, так и во время его проведения. Найти их можно на одноименной вкладке.
Например, на отчете ниже зеленые значения (62% до 31,022%) показывают, что предложенный вариант изменений для сайта будет в 2 раза более позитивно влиять на конверсию, чем текущая версия.
Важно. Для того, чтобы принять обоснованное решение, лучше всего дождаться окончания эксперимента, либо пока одна из версий не наберет 95% вероятность превосходства. Также тестирование стоит проводить при достаточном объеме трафика. Поэтому рекомендуется выбирать страницы с большим количеством посещений.
Если у вас еще остались вопросы по работе с Google Optimize, советуем посмотреть запись нашего вебинара, где мы подробно рассказываем об этом сервисе. Или вы можете задать вопросы в комментариях под этой статьей.
Выводы
В этой статье мы показали пошагово как настроить свой первый эксперимент по А/B тестированию с помощью бесплатной версии Google Optimize.
Чтобы получить больше возможностей и проводить более сложные эксперименты, рекомендуем вам обратить внимание на платную версию Google Optimize 360.
Если вы хотите узнать больше о возможностях Google Optimize 360, заполните заявку и наши специалисты свяжутся с вами для проведения консультации.
