А/Б тестирование сайта или LP через скрипт и с помощью сервисов. Инструкция

А/Б тестирование это основа любых изменений на вашем сайте. Каждому предпринимателю приходит идея «А не лучше ли было сделать на сайте вот так». Сомнения терзают бизнесмена ведь с одной стороны хочется больше конверсию, а с другой стороны не хочется поломать то что уже работает и приносит деньги. Именно для этих целей и было придуманно а/б тестирование. Если вкратце то система работает следующим образом: создается две страницы, одна оригинал, а на другой есть какое-то одно изменение. Первому посетителю показывают оригинал, второму посетителю новую версию страницы, третьему снова оригинал, четвертому — новую. Грубо говоря страницы равномерно чередуются, вы замеряете где было больше конверсия и вам приходит понимание правильна ли была идея вносить определенные изменения на сайт.

Мы уже описывали в статье Бесплатный сервис (скрипт) для А/Б тестирования LP (лендинга) один сервис с помощью которого можно провести тестирование. Но у такого способа есть несколько существенных недостатков:

  1. Основная система аналитки Google analytics не отображает изменения одного варианта от другого.
  2. Сервис удобен для начинающих пользователей, которые не знают что такое php, CSS. А для опытных пользователей у которых есть какие-то знания HTML намного удобнее и быстрее внести правку в код, чем мудрить с их редактором страницы.
  3. Можно отследить изменения конверсий, но нельзя отследить как меняется показатель отказа, маршрут пользователей и многих других важных параметров.

Поэтому пришлось искать другие способы, которые бы помогли в нашем тестировании. Я буду приводить примеры и инструкции по настройке на базе LP — одностраничного сайта, но вы сможете также повторить тоже самое на любом другом сайте, будь он на OpenCart, WordPress или самописном движке.

А/Б тестирование с помощью PHP скрипта

Способ  №1 крайне прост:

  1. создаете php файл и в него копируете код:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    
    <?php
    $Pages = array(
    'http://Ваш_сайт/Вариант 1.html' ,
    'http://Ваш_сайт/Вариант 2.html'
    );
    $MaxRandom = getrandmax();
    $RandomValue = intval( rand( 0 , count( $Pages ) - 1 ) );
    header( 'Location: '.$Pages[ $RandomValue ] );
    ?>
  2. В этом коде все что вам надо поменять это два адреса. В первой строчке URL адрес основного варианта, а во второй строчке новый вариант.
  3. Все что вам осталось это положить этот файл вместо вашего index.php, или просто натравить рекламу, к примеру adwords, не на сам сайт, а на этот файл.

Способ  №2 еще проще чем первый.

  1. Заходим на сайт
  2. В соответствующую форму вставляем первый адрес и второйanalytics-a-b-testi-10
  3. Сгенерированный код вставляем на первую страницу на которую натравлена реклама.

Из недостатков этого способа стоит отметить что при работе этого скрипта не сохраняются UTM метки, а значит не будет работать большинство функци гугл аналитики

Способ  №3. Этот способ похож на первый вариант и со своим маленьким преимуществом.

  1. В коде ниже, как и в первом способе изменяем url адреса на ваши.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    
    <?php
    $id_test='1'; //id теста (при запуске нового теста смените цифру на любую другую)
    $count=0;
     
    $my_url[$count++]='http://Ваш_сайт/Вариант 1.html';
    $my_url[$count++]='http://Ваш_сайт/Вариант 2.html';
     
    // код ниже лучше не трогать
    $counterfilename='counter'.md5($SCRIPT_NAME).'.txt';
    $cookiename='splitpage'.$id_test.md5($SCRIPT_NAME);
    if (!isset($_COOKIE[$cookiename]))
    {
    	@ $splitpage=file_get_contents($counterfilename);
    	$splitpage=intval($splitpage)+1;
    	if ($splitpage>=$count) $splitpage=0;
    	$f=fopen($counterfilename,'w+');
    	fputs($f,strval($splitpage));
    	fclose($f);
    	setcookie($cookiename, $splitpage, time()+2592000);
    } 
    else 
    	$splitpage=$_COOKIE[$cookiename];
    if ($_SERVER['QUERY_STRING'] != '') 
    	$my_url[$splitpage].= '?'.$_SERVER['QUERY_STRING'];
    Header('Location:'.$my_url[$splitpage]);
    exit;
    ?>
  2. Сохраните этот код в php файле и натравите на него рекламу. По сути все тоже самое что и в первом способе.

Но как и говорил в это способе есть свое преимущество:

  • Скрипт лучше чем первый способ тем, что он запоминает какую страницу показали посетителю и если посетитель еще раз зайдет на сайт ему покажут именно ту страницу которую он видел в первый раз.
  • И лучше чем второй способ — сохраняет UTM  метки и вы не потеряете статистику.

А/Б тестирование с помощью Google analytics

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

  1. Для начала зайти в систему и перейти на вкладу отчетыanalytics-a-b-testi
  2. В левом меню перейти на вкладки поведение->Экспериментыanalytics-a-b-testi-1
  3. Нажать на кнопку создать эксперимент
  4. В первой строчке вам нужно назвать эксперимент. В моем примере мы будем проверять что лучше конвертируется когда на LP городской номер или мобильный. Во второй строчке указываем цель, которую вы уже давно создали и отслеживаете (скорее всего у вас конверсия это посещение страницы благодарности).analytics-a-b-testi-2
  5. Нажмите на кнопку «дополнительные настройки и включите ползунок равномерного распределения трафика и укажите срок, который понадобится для того чтобы понять какой вариант был лучшимanalytics-a-b-testi-4
  6. Нажмите на кнопку «Далее» чтобы перейти к следующему шагу.
  7. Теперь вам надо указать два варианта страницы, в моем случае я просто взял оригинальный index.php, поменял в нем номера с мобильного на городские и загрузил на хостинг под новым именем.analytics-a-b-testi-7
  8. На следующем шаге выберите «вставить код вручную»analytics-a-b-testi-8 и сгенерированный код вставьте между тегами head на вашем сайте. Также важно отметить что если у вас код самого analytics находиться в хеде, то сгенерированный код нужно поместить перед кодом трекинга (перед основным кодом аналитика). Сгенерированный код нужно вставить в одну страницу, в первоначальный вариант на который запущенна реклама. В моем случае это index.php. На другие страницы сайта внедрять код не надо, повторюсь, только на одну страницу.
  9. На следующем шаге система проверит все ли правильно. Если да то предложит начать эксперимент, если же нет, то укажет в чем проблема и предложит устранить ошибку

После того как накопится какая-то статистика, зайдя в эксперимент вы сможете наблюдать такую картину:

analytics-a-b-testi-9

Но важно отметить что для моего эксперимента это не окончательные цифры, ведь учитываются только лиды которые оставили заявку, но совершенно не учитываются те которые позвонили. Для этого есть несколько вариантов. Или использовать автоматические решение которые называются Call Tracking или просто в Exel записывать сколько звонков упало на один телефон, а сколько на другой.

загрузка...
Один комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *