БЛОГ MILLION MILES
июнь, 2019

A/B тесты
в Google Оптимизация

Пошаговое руководство: эксперимент с кнопкой CTA
Google Optimize – бесплатный инструмент для быстрого запуска сплит-тестирования посадочной страницы без привлечения программиста.

Принцип работы GO предельно прост. Прямо в веб-интерфейсе сервиса в URL вносятся необходимые изменения – например, размер/цвет/текст кнопки CTA, расположение блоков, размер/шрифт/содержание текстового блока и пр. Также задаются параметры теста: срок, размер выборки и условие активации экспериментальной страницы. На сайт устанавливается специальный скрипт.

После запуска A/B теста, Google Optimize часть посетителей, выбранную рандомно, «отправляет» на тестируемую страницу – с помощью скрипта происходит подмена основной версии URL измененным вариантом. Данные заносятся в отчет. По истечению теста (Google рекомендует – не менее 2ух недель), появляется возможность сделать вывод, какая из версий посадочной страницы сгенерировала большее количество конверсий.
CTA (Call to Action) – призыв к дейтсвию, например «Купить», «Подписаться», «Узнать больше» и т.д.

Шаг #1 Создание эксперимента

Проходим авторизацию в Google Optimize. Указываем название эксперимента, тестируемую страницу, тип проекта оптимизации (в данном примере – A/B тест) и нажимаем Создать.
АБ тест на сайте: создаем проект в Гугл Оптимизация.

Шаг #2 Создание вариантов

Варианты в GO – это экспериментальные URL c внесенными модификациями.

Кликаем Добавить вариант.
    AB тест: как сделать на лендинге.
    Далее Google предложит установить расширение «Оптимизация», которое необходимо для внесения изменений на страницу непосредственно в браузере. Устанавливаем.
    A B сплит тестирование в Гугл Оптимизация.
    Получаем два варианта: Исходный и новосозданный Вариант 1. Чтоб начать вносить необходимые правки на страницу, нажимаем Изменить.

    Чтобы выбрать необходимый элемент, кликаем по нему, и справа появляется панель возможных модификаций.
    AB тест сервис бесплатный онлайн.
    Клик правой кнопкой мыши – для удаления элемента, изменения текста, редактирования HTML, а также для запуска JavaScript.
    AB тесты цен и кнопок бесплатно онлайн.
    В этом примере хочу протестировать различные призывы к действию, поэтому выбираю Изменить текст.

    Вносим необходимые правки и кликаем Готово.
    АБ тест в Гугл: меняем название кнопки СТА.
    В меню рабочей области можно:
    Посадочная страница сплит тестирование: меню Гугл Оптимизация.
    1. переключаться между вариантами, изменять, удалять, создавать копии
    Сплит тестирование страниц, меню Гугл Оптимизация.
    2. посмотреть, как будут отображаться изменения на разных типах устройств
    Сплит тестирование посадочной страницы, меню Гугл Оптимизация.
    3. внести правки в уже существующую модификацию или отменить ее
    Сайт сплит тестирование, меню Гугл Оптимизация.
    Если Вы хотите протестировать изменение положения блоков, то просто перетащите Контейнер <div> в нужное место. По умолчанию, элементы меняются местами. Задать дополнительные настройки можно, кликнув по Колесику.
    Сплит тестирование Google: меняем блоки местами в Гугл Оптимизация.
    После внесения всех нужных модификаций, нажимаем Сохранить и Готово.

    Шаг #3 Добавление правил таргетинга

    По умолчанию, каждому варианту назначается равная доля трафика. Это значение можно при необходимости изменить, кликнув Вес. Я оставляю без изменений.
    Google сплит тестирование: распределяем трафик между тестовыми вариантами.
    Таргетинг на страницы – где проводить эксперимент. Указываю Главную.
    Сплит тестирование сайта: выбор страницы для теста в Гугл Оптимизация.
    Если есть необходимость проводить A/B тест на нескольких страницах, их можно описать общим правилом и протестировать его.
    Сплит тестирование всего сайта: выбор страницы для теста в Гугл Оптимизация.
    Выбор целевой аудитории – кому показывать экспериментальные версии. По умолчанию – все посетители указанных URL в таргетинге на страницы. Но можно также задать другие аудитории, список достаточно широкий.
    Сплит тестирование для сайта: выбор аудитории для теста в Гугл Оптимизация.

    Шаг #4 Описание

    Формируем и фиксируем гипотезу. Например: конверсии увеличатся при изменении текста кнопки CTA.

    Шаг #5 Установка кода отслеживания

    Связываем Google Optimize и GA.
    AB тест: Google Analytics связываем с Optimize.
    Необходимо установить код отслеживания GO на каждую тестируемую страницу.

    Если данные в GA передаются посредством Google Tag Manager, то код устанавливать не нужно. Вместо этого создается и добавляется в контейнер тег типа Google Optimize.

    Переходим в GTM, создаем новый тег.
    AB тест Analytics: создание нового тега для Google Optimize.
    В настройках тега указываем Идентификатор контейнера Google Оптимизация и переменную настроек GA. Триггер не нужен.
    Как сделать AB тест: настраиваем тег для Гугл Оптимизация.
    Необходимо переопределить срабатывание тега Universal Analytics, чтоб тег Optimize срабатывал первым. Переходим в тег GA – Расширенные настройкиПорядок активации тегов. Ставим галочку напротив Активировать тег перед тегом Google Аналитика, из списка выбираем Optimize.
    Как сделать АБ тест? Используем Гугл Оптимизация. Настраиваем контейнер GTM.
    Публикуем измененную версию контейнера.

    Теперь нужно вернуться в Google Optimize и Выполнить диагностику, чтоб убедиться, что все работает корректно.
    Сервис для сплит тестирования, используем Гугл Оптимизация и GTM.
    Отлично, код Оптимизации установлен правильно. О фрагменте, скрывающем страницу, – немного позже.
    В блоге Million Miles можно бесплатно разместить обратные ссылки

    Шаг #6 Настройка целей

    Google Оптимизация «подтягивает» цели из GA – это очень удобно.

    Также можно выбрать цель из стандартного набора или задать прямо в интерфейсе GO собственную.
    Сплит тестирование - сервисы. Бесплатная Оптимизация от Гугл.

    Шаг #7 Распределение трафика

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

    Шаг #8 Настройка события активации

    Google Optimize дает возможность определить, когда будет активироваться эксперимент. Предустановленный вариант – загрузка страницы. Можно также настроить собственное событие.
    Сплит тестирование abtest: событие активации эксперимента в Google Optimize.

    Шаг #9 Установка кода, скрывающего страницу

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

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

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

    Это первая часть кода, которую предлагает установить на сайт GO в процессе настройки эксперимента:
    <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,
    {'GTM-WRH93HF':true});</script>
    Важно: должен использоваться идентификатор контейнера Tag Manager (в коде GTM-WRH93HF), а не контейнера Google Optimize.

    Добавляем код в HEAD тестируемых URL.

    Готово)
    Сервисы по сплит тестированию: Гугл Оптимизация.

    Шаг #10 Запуск

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

    Первая статистика в отчетах появится в течении суток после запуска.


    _______________
    27 июня 2019
    Продолжая использовать сайт millionmiles.ru, Вы даете согласие на обработку файлов cookie и пользовательских данных.
    Понятно
    Close
    Made on
    Tilda