Как настроить A/B тест с помощью Google Optimize — пошаговый мануал
Хотите проверить, как изменится эффективность рекламы в зависимости от определенных элементов посадочной страницы? Используйте Google Optimize — инструмент, в котором можно настроить эксперимент без сторонней помощи.
Google Optimize позволяет:
- скрыть, добавить или изменить определенные элементы на сайте — тексты, изображения, кнопки и тому подобное;
- сравнить разные посадочные страницы;
- протестировать страницы с разным дизайном.
В этой статье я пошагово опишу, что нужно сделать, чтобы настроить и запустить эксперимент.
Что нужно для настройки эксперимента с помощью Google Optimize?
Для работы Google Optimize нужно:
- Установить на сайте коды Google ***ytics, Tag Manager и Optimize.
- Установить расширение Google Optimize в браузере Chrome.
- Настроить условия эксперимента в Google Optimize.
Рассмотрим подробнее настройки эксперимента на примере A/B-теста.
1. Создайте аккаунт в Google Optimize
Перейдите в Google Optimize и нажмите «Create account».
Выберите нужную вам подписку (или откажитесь от всех) и нажмите «Next»:
В появившемся окне назовите аккаунт, примите условия соглашения и нажмите «Next».
Создайте контейнер, дав ему имя, и нажмите «Create».
2. Выберите тип эксперимента
В созданном аккаунте нажмите «Let\\\'s go».
В открывшемся окне назовите эксперимент, укажите адрес страницы, которую планируете тестировать, а также выберите тип эксперимента.
Как динамическая подмена заголовка влияет на конверсии В Google Optimize доступны три вида
2.1. A/B-тест — рандомизированный эксперимент с двумя или более вариантами одной страницы;
2.2. Мультивариантный тест — тестирование нескольких элементов одной страницы;
2.3. Редирект позволяет сравнивать две разные целевые страницы или варианты дизайна одной страницы.
Также доступно:
2.4. Персонализация позволяет персонализировать свою страницу для целевых посетителей;
2.5. Баннер COVID-19 — добавление баннерного сообщения COVID-19 на сайт с важным обновлением для ваших клиентов с помощью нашего шаблона.
3. Настройте эксперимент
Нажмите на созданный эксперимент, чтобы открыть окно с настройками его работы.
Вы сразу попадете в окно настройки эксперимента.
3.1. Создайте варианты для сравнения
Вариант в Google Optimize — модификация выбранного элемента страницы, которую вы хотите сравнить с нынешним видом элемента.
3.1.1. По умолчанию система уже создала исходный вариант под названием «Original».
Чтобы добавить тестовый вариант, нажмите «Add variant».
Укажите имя нового варианта страницы и нажмите «Finished».
Для настройки варианта эксперимента установите расширение Google Optimize.
3.1.2. Нажмите на кнопку «Edit» напротив созданного варианта и подождите пока загрузится страница, для которой вы хотите настроить эксперимент.
В открывшемся окне вы можете:
- удалить элемент страницы;
- изменить размер или расположения элемента;
- изменить текст на сайте, а также его шрифт, выравнивание, размер или цвет надписи;
- добавить фон в виде заливки цветом, установить рамку или изменить прозрачность.
- редактировать HTML или JavaScript код.
Сохраните внесенные изменения.
Истории бизнеса и полезные фишки3.2. Установите вес эксперимента
По умолчанию система ставит равный вес каждому варианту страницы.
Если же вы хотите проверить, например, эффективность планируемого редизайна кнопки «Купить», можете направить на тестовый вариант больше трафика, чтобы точнее оценить реакцию пользователей на нововведение.
Чтобы изменить вес варианта, нажмите на значок этой настройки.
В открывшемся окне введите необходимый вес для каждого варианта и нажмите «Done».
3.3. Создайте правило таргетинга
В Google Optimize доступно десять типов таргетинга, на основе которых вы можете создать собственное правило сpaбатывания эксперимента.
- Google Ads targeting — таргетинг с учетом аккаунтов, кампаний, групп объявлений и ключевых слов Google Рекламы;
- URL targeting — таргетинг на URL;
- Audience targeting — аудитории, созданные в Google ***ytics (доступно только для пользователей платной версии Optimize) ;
- Behavior targeting — новые или вернувшиеся посетители, которые перешли из определенных источников;
- Geo targeting — посетители из определенного города региона или страны;
- Technology targeting — пользователи, использующие определенное устройство, браузер или операционную систему;
- JavaScript variable — значение JavaScript переменной, используемой на сайте;
- First-party cookie — таргетинг на cookie пользователей;
- Custom JavaScript — пользовательский код, который позволяет таргетироваться на основе информации, недоступной в предыдущих способах таргетинга (например, время суток).
- Query Parameter — гет-параметры, при этом типе таргетинга вы можете нацеливать эксперимент по utm-меткам;
- Data Layer variable — базируется на значениях, которые хранятся в переменных уровня данных.
4.4. Зафиксируйте гипотезу
В описании эксперимента рекомендую прописать вопрос, на который хотите получить ответ в ходе эксперимента, или описать в деталях свои предположения, как нововведения скажутся на выбранных вами целях.
4. Свяжите Google Optimize с ***ytics
4.1. Подключение Google Optimize к ***ytics
Чтобы связать Optimize с вашей аналитикой, нажмите ссылку «Link to ***ytics».
В открывшемся окне выберите ресурс и представление Google ***ytics.
4.2. Выберите цели
Чтобы оценить работу вариантов эксперимента, нужно настроить цели. Например, вы можете посмотреть, как новый дизайн сказался на количестве отказов или конверсионности страницы.
4.2.1. В Google Optimize можно выбрать стандартные цели или задать свои. Есть три типа стандартных целей:
- просмотры страниц;
- длительность сессии;
- отказы.
Собственные цели:
4.2.2. Также вы можете использовать цели из Google ***ytics. Для этого перейдите к пункту «Objectives» и нажмите «Add experiment objective». Вы можете выбрать из уже имеющихся целей (Choose from list) или создать собственную (Create custom).
4.2.3. Вы можете сочетать стандартные цели Google Optimize с собственными целями из ***ytics, однако в бесплатной версии можно использовать только три цели одновременно.
5. Настройте таргетинг
В эксперименте могут принимать участие все пользователи сайта или выбранные по определенным критериям. Опишу подробнее, что вы можете настроить на вкладке «Settings».
5.1. Доля посетителей сайта
По умолчанию в тесте будут участвовать все посетители сайта. Если же вы хотите проверить свою гипотезу на меньшем количестве пользователей, просто введите необходимое значение в процентах в поле, выделенном на скриншоте ниже.
На этой же вкладке вы можете изменить при необходимости вес вариантов, нажав «Edit».
5.2. Условие активации
Настройки таргетинга в Google Optimize позволяют указать, когда нужно активировать эксперимент.
По умолчанию активация происходит при загрузке страницы. Чтобы установить событие как активатор, перейдите в раздел «When» и выберите поле «Custom event».
6. Установите код Optimize с помощью Google Tag Manager
6.1. Откройте меню с шагами настройки эксперимента и перейдите к инсталляции Optimize.
В открывшемся окне скопируйте идентификатор аккаунта Google Optimize.
6.2. Перейдите в Google Tag Manager и создайте новый тег типа «Google Optimize».
6.3. В настройках тега укажите идентификатор отслеживания Google ***ytics и идентификатор аккаунта Optimize, который вы скопировали ранее.
Сохраните новый тег. Триггеры для него не понадобятся.
6.4. Теперь нужно изменить порядок выполнения тегов, чтобы тег Optimize сpaбатывал раньше Google ***ytics.
Перейдите в расширенные настройки тега ***ytics, поставьте галочку возле пункта «Активировать тег перед тегом Google ***ytics» и выберите из списка тег Google Optimize.
7. Установите скрипт, который скрывает подмену элементов
Код Google Optimize необходимо установить непосредственно на сайте, чтобы посетители сайта не видели сам процесс подмены элементов (cправка 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,{\\\'CONTAINER_ID\\\':true});script>
Стандартный код подмены элемента не очень хорош, потому что во время подмены показывает просто белый экран и пользователю сложно понять грузится ли сайт вообще. ***ytics Strategist Netpeak Алексей Данилин доработал скрипт, чтобы он поверх белого экрана показывал еще и картинку, по которой будет понятно, что идет загрузка.
Вы можете использовать приведенный ниже скрипт как пример:
<style>.async-hide { opacity: 0 !important}div#pageloaddiv {visibility:visible !important;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 1000;background: url(\\\'[URL картинки-заглушки]\\\') no-repeat center center;} style><script>(function(a,s,y,n,c,h,i,d,e){ s.className+=\\\' \\\'+y; var div = document.createElement(\\\'div\\\'); div.id = \\\'pageloaddiv\\\'; div.style = \\\'opacity: 1 !important\\\'; document.documentElement.appendChild(div); 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; document.getElementById(\\\'pageloaddiv\\\').style.opacity = 0; document.getElementById(\\\'pageloaddiv\\\').style.zIndex = 0; setTimout(function () { document.getElementById(\\\'pageloaddiv\\\'). parentNode.removeChild(div); }, 300); },c); h.timeout=c;}) (window,document.documentElement.lastChild, \\\'async-hide\\\',\\\'dataLayer\\\',4000,{\\\'GTM-xxxxxxx\\\':true});script>
Выводы
Google Optimize — мощный инструмент для тестирования эффективности вашего сайта, его отдельных страниц и элементов.
Как с ним работать:
- Создайте аккаунт в Google Optimize и выберите тип эксперимента.
- Чтобы настроить эксперимент, создайте варианты страниц для сравнения и установите, как будет распределяться трафик между ними.
- Свяжите Optimize с Google ***ytics.
- Настройте цели в Optimize или выберите настроенные ранее в ***ytics — таким образом вы сможете оценить эффективность сравниваемых элементов.
- Настройте таргетинг — условия активации эксперимента на сайте.
- Установите код Optimize с помощью Google Tag Manager
- Добавьте непосредственно в код сайта скрипт, который скрывает подмену элементов.
Комментарии:
26 04 2024 3:50:45
Личный кабинет на сайте: что нового во внешнем виде, внутренностях и отчетах, функционале и юзабилити, автоматизации работы с оплатами, интернет-представительстве клиента и для специалистов. Узнайте больше!...
25 04 2024 21:10:37
О построении персональных рекомендаций для интернет-магазина, используя технику со-визитов....
24 04 2024 10:55:57
Электронный кошелек — это виртуальная ячейка для хранения денежных средств. Каждая такая ячейка обладает уникальным цифровым определителем и может принадлежать одному человеку....
23 04 2024 13:29:18
Опыт удаленки стартапа lemlist. Как сотрудники работали онлайн в доковидные времена и совмещали профессиональную деятельность с тимбилдингом. Читайте в коротком посте Владимира Поло, основателя AcademyOcean....
22 04 2024 2:58:13
История свидания двух ботов как иллюстрация развития искусственного интеллекта...
21 04 2024 19:27:12
Формула изменения поведения Фогга и два красочных примера инсайде....
20 04 2024 6:24:21
В течение месяца нам удалось наладить рассылку с новой платформы....
19 04 2024 17:38:33
«Что такое диджитал и чем это отличается от услуги продвижения в социальных сетях» — о цифровой стратегии, креативных концепциях и том, как это все происходит в крупных агентствах....
18 04 2024 6:58:51
О промдизайне, инсайтах, испытаниях для дизайнеров по мотивам BBC-шоу «Дизайн для жизни» с Филиппом Старком....
17 04 2024 8:56:21
Расскажем про ошибки интернет-магазинов, которые трудно найти соответствующими программами и сервисами проверки...
16 04 2024 11:56:49
Безопасность Instagram — что делать, если заметили попытку взломщиков украсть аккаунт, и как вернуть аккаунт после взлома....
15 04 2024 5:16:25
Функционал для специалистов и новичков: как настраивать особые правила. Знания, которые помогают предотвратить грубые ошибки в рекламе товаров и услуг. Читать дальше!...
14 04 2024 16:28:41
На этой картинке изображены два предмета. Один из них называется «буба», а второй «кики»....
13 04 2024 2:13:21
Новости, доработки и обновления в услугах, блоге, Академии блога и Кластере....
12 04 2024 9:23:31
4 кейса с шагами, рекомендациями и результатами, которые помогут грамотно распределить средства на рекламу....
11 04 2024 8:47:15
Работаете со скриптами R регулярно? Потратьте десять минут на настройку автозапуска и избавьтесь от необходимости активировать R-скрипты вручную...
10 04 2024 16:49:29
Как вернуть клиентов с помощью реактивационных email-рассылок. Внутри идеи таких брендов: Bershka, Wildberries, LinguaLeo, Facebook, Mail.ru, Coub, BlaBlaCar, Repka.ua и другие. Узнайте принципы красивой реактивации!...
09 04 2024 6:52:55
Магазин детской обуви: конкретные цифры в кейсе по продвижению....
08 04 2024 5:51:32
Email-маркетинг увеличивает частоту транзакций. Показываем как это происходит и за счет чего. Делимся кейсом email-маркетинга для книжного интернет-магазина. Читать дальше....
07 04 2024 3:48:23
Как быстро настроить DSA с помощью Netpeak Spider. Рассмотрим подробнее «Только URL из фида страниц». Этот таргетинг помогает точнее определить целевую аудиторию и привести ее на максимально релевантные страницы сайта (к примеру, на карточку товара)....
06 04 2024 14:49:53
Какие рассылки можно отправить покупателю, если у вас есть только данные из карточки товара...
05 04 2024 22:32:55
Как сделать рекламу в Universal App Campaign 2.0 максимально эффективной...
04 04 2024 20:34:15
20 сервисов для прокачки контента под SEO. Штуки, которые будут полезны новичкам и экспертам....
03 04 2024 17:45:20
Чем отличается протокол HTTPS от HTTP — криптошифрованием, обеспечивающим безопасность ресурса...
02 04 2024 4:28:53
Зеркалами считаются сайты с разными доменными именами, но идентичным контентом...
01 04 2024 1:12:38
Всё о вебхуках. Как настроить механизм получения уведомлений о событиях с помощью функций обратных вызовов....
31 03 2024 8:17:37
Как упростить работу с данными и сэкономить на оплате сервиса...
30 03 2024 2:37:39
Опыт сотрудника отдела маркетинга Netpeak. Дочке Маше — 10 лет, сыну Егору — почти 4 года. Мы по-прежнему не очень продуктивны в таких условиях, но все же накопили больше опыта, чем те люди, которые сейчас внезапно столкнулись с удаленной работой...
29 03 2024 18:30:20
Каждому бизнесу в интернете важно продумать систему оплаты для своих товаров или услуг. При этом следует учитывать объемы и нишу бизнеса. Узнать больше!...
28 03 2024 4:25:46
Правильно задать вопрос или сфоримулировать ответ на собеседовании это еще далеко не все. Рецензия на книгу Ласло Бока «Работа рулит»...
27 03 2024 22:50:52
Дропшип предполагает минимум затрат со стороны предпринимателя. Например, не нужно думать о логистике, держать склад. Можно минимизировать и траты на рекламу. Узнать как!...
26 03 2024 7:14:28
Особенности продвижения локального офлайн-бизнеса...
25 03 2024 18:20:52
Алгоритм ссылочного ранжирования, который показывает ее значимость, в частности, для поисковиков. Важность показателя PageRank оспаривают, но до сих пор считают. Читать!...
24 03 2024 2:17:14
Простые пошаговые советы о том, как самому сделать верстку шаблона Wordpress. От вас не требуется знание PHP, но хорошо если вы владеете Photoshop и CSS для создания дизайна. Узнать больше!...
23 03 2024 16:56:16
Бизнесу следует позаботиться о том, чтобы представить отзывы на всех площадках (как минимум на тех, которые есть на трех страницах выдачи), где только может искать информацию пользователь. Узнать больше!...
22 03 2024 5:13:15
О запуске новых услуг по SEO и PPC, обновлениях Netpeak Cloud и конференциях по интернет-маркетингу...
21 03 2024 5:51:45
Иконки отличаются между собой размером, формой, весом, количеством оттенков и объемом. Наиболее популярными считаются векторные пиктограммы...
20 03 2024 21:39:50
История о предсказательной аналитике системы автоматизации маркетинга, онлайн-магазине и ненужных письмах....
19 03 2024 3:33:52
Актуальный обзор особенностей работы онлайн-проектов в Казахстане...
18 03 2024 15:45:25
Как настроить многокaнaльную модель атрибуции для своего бизнеса....
17 03 2024 22:11:12
Руководитель отдела HR, Ольга Пачесная, написала пост о главном — людях, которые выбрали работу в Netpeak....
16 03 2024 20:36:11
Как стать востребованным сео оптимизатором: 35+ ссылок для обучения и совершенствования своих знаний, а также советы...
15 03 2024 4:46:12
Как увеличить охват целевой аудитории ресторана или магазина с помощью рекламы на мобильных и сверхточного геотаргетинга...
14 03 2024 13:48:42
Как вернуть на сайт как можно больше пользователей...
13 03 2024 23:10:31
Стандартный образец для новичков. Форматы объявлений в РСЯ, чтобы начинающие специалисты по контекстной рекламе смогли быстро и эффективно запустить рекламные кампании. Интересно? Читайте дальше!...
12 03 2024 12:29:36
Как внедрить Business Intelligence для малого и среднего бизнеса....
11 03 2024 18:22:14
Доля органического трафика увеличилась с 14% до 44%, а небрендового — на 184%....
10 03 2024 18:41:15
5 мая в 17:00 — митап в Zoom с Радомиром Новковичем — фаундером RadASO и CEO Tonti Laguna Mobile....
09 03 2024 22:23:26
Тема поста — исследование электронной коммерции в Украине: рынки, статистика, объем продаж, поисковый потенциал....
08 03 2024 12:10:45
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::