Мультивариативное тестирование в арбитраже: что это такое и как с этим работать

Привет! На связи Леон — овнер GEON TEAM. Сегодня расскажу что такое MVT, что это такое и зачем оно нужно. Ну и, конечно, покажу, как это все настраивается, чтобы вы могли взять и повторить. Как обычно, все просто, понятно, совсем для новичков. Не забывайте подписываться на Telegram-канал моей команды. В общем, lets go!

Что такое MVT или мультивариативное тестирование

Сразу скажу, что я далеко не новатор в этой теме, до меня про эту штуку можно было услышать и от Желтого Веба и от Яна aka work_life_job, но честно говоря пришлось долго сидеть разбираться, думаю смогу объяснить проще. Итак, что это вообще такое?

MVT — это способ тестирования разных элементов на ваших лендингах/прелендингах. Допустим у вас уже есть прокла, на которую вы льете. Но вам приснился сон, что новый заголовок бустанет CR преленда ту зе мун. При этом хотелось бы, чтобы трафик и на старую проклу шел и на новую плюс минус 50 на 50. Либо просто вы ставите в сплит две одинаковые проклы с разными элементами.

После обновления страницы мы будем видеть:

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

P.S. Аналогично можно протестировать любые картинки, вступительные тексты и прочее. Я покажу просто на примере заголовков.

Как настроить MVT на своей прокле

Идем в папку с вашей проклой и первым делом файл index.html переименовываем в index.php. После чего открываем в редакторе кода (я адепт Visual Studio Code), находим там тег body и перед ним вставляем этот скрипт:

<script src="script.js"></script>

<script>

$(document).ready(() => {

setTimeout(() => {

let subid = "{subid}",

utm_header_gg1 = res_random;

console.log(subid, utm_header_gg1);

$.ajax({

url: 'mvt.php',

type: 'post',

data: {

subid: subid,

НАЗВАНИЕ ЧТО ТЕСТИРУЕТЕ: utm_header_gg1,

},

success: response => console.log(response)

});

}, 5000);

});

</script>

Этот скрипт отправляет данные о выбранном варианте в систему аналитики. Дальше нам нужно показать скрипту логику скрытия элементов на странице. Тут же, где у вас файлы вашего лендинга мы создаем (поищите в файлах, он уже должен быть) файл script.js и вставляем следующий код:

function getRandomElement(arr) {

let randomIndex = Math.floor(Math.random() * arr.length);

return arr[randomIndex];

}

let flag_timer = false,

obj_random = [

"ВАША-ПЕРЕМЕННАЯ-1",

"ВАША-ПЕРЕМЕННАЯ-2",

"ВАША-ПЕРЕМЕННАЯ-3"

],

res_random = getRandomElement(obj_random);

console.log('res_random -- ' + res_random);

if (res_random == 'ВАША-ПЕРЕМЕННАЯ-1') {

$('.class2, .class3').addClass('invisible');

$('.line').hide();

}

if (res_random == 'ВАША-ПЕРЕМЕННАЯ-2') {

$('.class3, .class1').addClass('invisible');

$('.line').hide();

}

if (res_random == 'ВАША-ПЕРЕМЕННАЯ-3') {

$('.class2, .class1').addClass('invisible');

$('.line').hide();

}

Тут прописан скрипт, по которому он выбирает рандомно один вариант контента, а другие скрывает.

Дальше создаем файл mvt.php, который будет отбивать эти параметры в Keitaro и накидываем в него этот скрипт:

<?php

function updateParams($params) {

  $subid = $_POST['subid'];

    if (!empty($subid)) {

      $result = file_get_contents('http://ваш-адрес-кейтаро/?_update_tokens=1&sub_id=' . urlencode($subid) . '&' . http_build_query($params));

    }

}

$protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https://' : 'http://';

$event_source_url = $protocol . $_SERVER['HTTP_HOST'];

updateParams(array(

  'sub_id_19' => $_POST['НАЗВАНИЕ ЧТО ТЕСТИРУЕТЕ-КАРТИНКА/ЗАГОЛОВОК/АКЦИЯ'],

  'sub_id_22' => $event_source_url,

));

?>

И не забываем добавить вот этот небольшой код в файлик style.css:

.invisible {

  display: none;

}

Этот стиль скрывает элементы, которые не участвуют в тесте.

Теперь вам нужно вернуться к вашему index файлу и найти строчку с вашим элементом (в нашем случае это заголовок) и прописать это дело вот таким образом. Как видите на каждую переменную привязан “class”, это правило мы соблюдаем и тут (лично я сам не силен в техничке, все где сомневался — спрашивал у него).

Теперь ваш лендинг может автоматически тестировать разные варианты заголовков и отправлять данные в аналитику. Осталось только затестить!

Дополнительный вариант для ленивых

Если морочить голову со всеми манипуляциями выше не очень хочется, а знания кода достаточно, чтобы просто зайти в index и поменять заголовок, то просто загрузите несколько вариантов вашего лендинга в Кейтаро и распределите их по весу в настройках своей кампании,

Добавляем несколько потоков – лендинги или офферы, которые нужно протестировать.
Выбираем ротацию «По весу» – в настройках «Ротация потоков» выбираем «По весу», а не «По позициям».
Настраиваем процент распределения – например: лендинг 1 – 50%, лендинг 2 – 50%. Keitaro сам направит трафик по заданным пропорциям.

Сохраняем и запускаем тест – следим за конверсией и корректируем «вес». Так мы не только экономим время, но еще и тестируем без лишних настроек – один поток, разные ленды.

Заключение

В заключении, если вы сильно прошаренные, то оставлю ссылку на видео от Желтого Веба. Там все технически для меня лично более сложно, но есть несколько плюшек, ради которых стоит покопаться. Лично мне достаточно способов выше, Если вас нет — изучайте тему глубже.

На этом откланяюсь, с вами был Leon. Подписывайтесь на канал, задавайте вопросы. Всех люблю 💜