AB тестирование Оптимизатора веб-сайта Google

1. Что такое тест AB?
2. Глобальное тестирование AB
3. Создание шаблона
4. Переписывание URL или PHP
5. Определите ваше тестирование AB
6. Скрипт конвертации
7. Определить переменную
8. Отслеживание страниц конверсии
9. Вставьте свою переменную и перенаправьте посетителя
10. Результаты тестирования АБ
11. AB тестирование и WordPress

Привлечение посетителей на ваш сайт - это хорошо, но если ваши страницы плохо оформлены, вы пропустите продажи или потенциальные контакты. Чтобы увеличить коэффициент конверсии, вы должны максимально увеличить содержание.

Лучше всего тогда создать тест А / Б, в котором мы сравним несколько вариантов одного и того же контента. Google Website Optimizer - это бесплатный инструмент, который позволяет легко настроить этот тип теста.

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

Что такое тест AB?

Давайте сначала представим концепцию тестирования AB для тех, кто ее не знает. Это дает посетителю оригинальную версию страницы (A), а второму посетителю - другую версию (B). Затем мы можем проанализировать, что является наиболее актуальным.

В тестировании AB каждый посетитель может иметь свою версию

Тест AB позволяет протестировать столько вариантов, сколько пожелает одновременно (A, B, C, D, ...): даже при большом количестве разных версий тест останется актуальным, но результаты будут дольше получать. , Помните, что тестирование AB основано на достаточном трафике, или потребуются месяцы, чтобы получить ощутимые результаты.

Чтобы протестировать как можно больше вариантов панды, тест АБ будет долгим

Аналогичным образом предполагается, что после посещения тестовой страницы пользователь всегда будет иметь доступ к этой версии, но только на компьютере и в веб-браузере, которые он использовал в первый раз. Если он меняет свой ПК или навигационное программное обеспечение, или даже если он очищает свой кэш, он может иметь доступ к различным версиям тестирования AB, искажая результаты (уверяю вас, это представляет собой малая доля протестированного трафика).

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

• Оригинальный
• Версия А со сменой фотографий
• Версия B с изменением текста
• Версия C с изменением кнопки добавления в корзину
• Версия D с изменением фотографии + текст
• E версия с изменением фотографии + кнопка
• F версия с изменением текста + кнопка
• G версия с изменением всех элементов

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

Оригинальная версия описания продукта во время тестирования AB

На этот (+ 88% коэффициент трансформации)

Выигрышный вариант в Оптимизаторе веб-сайтов Google

Глобальное тестирование AB

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

Создание шаблона

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

Если вы не знаете, что анализировать во время тестирования AB, я рекомендую отличную книгу " Веб-эргономика Что даст вам много способов работать над этим предметом.

Переписывание URL или PHP

Сложность заключается в том, чтобы предоставить нужному посетителю правильный шаблон. В приведенном здесь решении мы будем использовать перезапись URL, добавив в веб-адрес параметр типа? P = 2. Определив идентификатор, наш сайт предоставит версию соответствующего шаблона. Необходимо изменить вашу систему URL, чтобы разрешить добавление этого параметра и соответствующую модификацию отображения ваших страниц. Поскольку каждый сайт индивидуален, для этого нет готового решения, и вы обсудите это со своим разработчиком (за исключением WordPress, о котором мы поговорим позже).

Этот метод полностью основан на решении, которое вы используете, и он может не работать в вашем случае. Если это так, можно выбрать другое решение, данное Google, которое состоит в использовании javascript и функции document.write для достижения ваших целей: http://support.google.com/websiteoptimizer/bin/answer.py?hl=fr&answer=61201#scv , Но помните, что это решение плохое, потому что оно заставит вас отключить любую кеш-систему.

Если вы используете решение этой статьи с перезаписью URL-адреса, вам необходимо следовать двум правилам :

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

<link rel = "canonical" href = "URL без параметров" />

• Точно так же обратите внимание на социальные кнопки. Они должны позволять голосовать или делиться URL без параметров, даже если посетитель находится на странице с параметром. Опять же, это позволит избежать любого возможного дублирования вашего контента, которое может повредить вашему SEO.

Определите ваше тестирование AB

Как только ваша система перезаписи URL будет готова, вы сделали сложную часть. Посетите Google Website Optimizer, чтобы создать многомерный тест.

Создать тест AB

В отличие от обычного теста AB, это позволит вам провести прямой тест на всем сайте.

Как создать многомерный тест?

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

Если ваше преобразование происходит не при отображении страницы, а после действия, используйте URL-адрес страницы, которая разрешает это действие. И если ваше действие можно выполнить с нескольких страниц, выберите одну из них наугад, и мы увидим, как обойти эту проблему.

Настройте свой тест с несколькими переменными

Скрипт конвертации

На следующих страницах Google предоставит вам разные коды для вставки. Первый из них будет выглядеть так, как показано ниже, и должен располагаться сразу после открытия элемента <head> на всех страницах тестирования AB (например, на всех страницах вашего продукта, всех ваших категориях, всех ваши статьи, ...).

<! - Сценарий управления оптимизатором веб-сайта Google -> <script> function utmx_section () {} function utmx () ​​{} (function () {var k = '1970793436', d = документ, l = d.location, c = d.cookie; функция f (n) {if (c) {var i = c.indexOf (n + '='); if (i> -1) {var j = c.indexOf (';', i) return escape (c.substring (i + n .length + 1, j <0? c.length: j))}}} var x = f ('__ utmx'), xx = f ('__ utmxx'), h = l.hash; d.write ('<sc' + 'ript src = "' + 'http' + (l.protocol == 'https:'? 's: // ssl': ': // www' ) + 'google-analytics.com' + '/ siteopt.js? v = 1 & utmxkey =' + k + '& utmx =' + (x? x: '') + '& utmxx =' + (xx? xx: '' ) + '& utmxtime =' + new Date (). valueOf () + (h? '& utmxhash =' + escape (h.substr (1)): '') + '"type =" text / javascript "charset =" UTF-8 «> </ SC '+' НИИИТ>«)}) (); </ script> <! - Конец элемента управления скриптом Оптимизатора веб-сайта Google -> <! - Скрипт отслеживания оптимизатора веб-сайта Google -> <script type = "text / javascript"> var _gaq = _gaq || []; _gaq.push (['gwo._setAccount', 'UA-XXXXXX-X']); _gaq.push (['gwo._trackPageview', '/ XXXXXXXXXX / test']); (function () {var ga = document.createElement ('script'); ga.type = 'text / javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol? 'https: // ssl': 'http: // www') + '.google-analytics.com / ga.js'; var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (ga, s);}) (); </ script> <! - Конец скрипта отслеживания веб-сайта Оптимизатора Google ->

Определить переменную

После этого добавьте на те же страницы следующий код сразу после открытия тега <body> :

<script> utmx_section ("ИМЯ раздела") </ script> </ noscript>

Замените « Имя раздела» названием проверяемого элемента, например, термином « Лист продукта» . В нашем случае этот текст не имеет значения. В действительности исходная логика многопараметрического теста, которая позволяет на одной и той же странице тестировать несколько вариантов нескольких элементов, каждый элемент которых определяется разделом, отклоняется этим решением.

Отслеживание страниц конверсии

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

<! - Сценарий отслеживания Оптимизатора веб-сайта Google -> <script type = "text / javascript"> var _gaq = _gaq || []; _gaq.push (['gwo._setAccount', 'UA-XXXXXX-X']); _gaq.push (['gwo._trackPageview', '/ XXXXXXXXXX / goal']); (function () {var ga = document.createElement ('script'); ga.type = 'text / javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol? 'https: // ssl': 'http: // www') + '.google-analytics.com / ga.js'; var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (ga, s);}) (); </ script> <! - Конец скрипта отслеживания веб-сайта Оптимизатора Google ->

Однако, если есть не одна, а несколько страниц конверсии, вам придется включить один и тот же код во все из них.

И если преобразование выполняется после действия без изменения URL (например, загрузка файла), это усложняется. Затем он скопирует тот же код, что и раньше, удалив строку :

_gaq.push (['gwo._trackPageview', '/ XXXXXXXXXX / goal']);

Эта строка должна быть включена в действие . Например, с помощью следующего метода по ссылке для скачивания:

onclick = "_ gaq.push (['gwo._trackPageview', '/ XXXXXXXXXX / goal']);"

Вставьте свою переменную и перенаправьте посетителя

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

Установите свои переменные в Google Website Optimizer

Исходная страница будет иметь этот код по умолчанию, как показано на предыдущем изображении:

<script> var form_file = "" </ script>

Для каждого варианта тестирования AB используйте приведенный ниже код в меню настроек оптимизатора веб-сайта Google .

<script> var form_type = "XXX" </ script> <script> function getUrlVars () {var vars = [], hash; var hashes = window.location.href.slice (window.location.href.indexOf ('?') + 1) .split ('&'); for (var i = 0; i <hashes.length; i ++) {hash = hashes [i] .split ('='); vars.push (хэш [0]); vars [hash [0]] = hash [1];} return vars;} if (getUrlVars ()! = 'p') {window.location = 'YYY';} </ script>

В первой строке замените XXX номером варианта (например, 2 ) и замените YYY в последней строке на используемый параметр (например ,? P = 2 ). Если вы используете параметр, отличный от p , также измените его.

Автоматически любой посетитель, посещающий одну из ваших страниц, получит файл cookie от оптимизатора веб-сайта Google . Если ему нужен доступ к другому варианту, он будет автоматически перенаправлен на правильный шаблон с параметром в URL.

Результаты тестирования АБ

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

Если версия выигрывает, Google автоматически сообщит вам, какая версия AB Testing является лучшей, как в следующем примере:

Победа в тестировании AB в Google Website Optimize

AB тестирование и WordPress

Как вы хорошо знаете, я люблю WordPress. Давайте посмотрим, позволяет ли CMS использовать ту же технику. И ответ - да.

Чтобы начать тестирование AB на всем его сайте, нет ничего проще, потому что маленький плагин поможет нам. Это Тема тест-драйва , который в основном является плагином, который позволяет администратору протестировать тему, отличную от той, которая отображается для посетителей. Включение этого плагина позволяет каждому пользователю использовать параметр? Theme = для отображения другой темы.

WordPress Theme Тест-драйв

Итак, чтобы настроить глобальное тестирование AB на WordPress, просто следуйте процедуре, описанной в этой статье, а именно:

• Создайте отдельную тему для каждого варианта тестирования AB
• Создайте свой тест с несколькими переменными в Оптимизаторе веб-сайтов.
• Скопируйте скрипт отслеживания и конвертации
• Вставьте тестовые переменные, чтобы перенаправить посетителя. Для WordPress замените? P = на? Themes = и замените числа названиями ваших разных тем. Также замените в параметре javascript p на тему.

И это все. Даже если у вас есть система кэширования в вашем блоге WordPress, посетитель будет перенаправлен на правильную версию ваших страниц.

Как и при любом тестировании AB, основанном на перезаписи URL, рассмотрите возможность проверки обоих:

• на ваших страницах используется метаканонический тег (благодаря плагину SEO WordPress, о котором я говорю здесь )
• Ваши социальные кнопки должны быть настроены на фактический URL, а не на параметр URL.

Что касается традиционного теста AB, все, что вам нужно сделать, это подождать результатов, предоставленных Google Website Optimizer .

Похожие

Комментарии