Пример использования модуля Driveback Sync Experiments для UX-тестирования сайта
Важно: модуль Driveback Sync Experiments не работает отдельно от платформы Driveback
Основной функционал платформы Driveback добавляет:
- Запоминание ветки, в которую попал пользователь
- Трекинг пользователей, попавших в эксперимент
- Трекинг конверсий
В тег <head> на всех страницах необходимо добавить следующий код как можно выше.
<!-- DRIVEBACK SYNC EXPERIMENTS SNIPPET -->
<style>.dbex-content-hide { opacity: 0 !important} </style>
<script type="text/javascript">
window.DBEX_HIDE_CONTENT_STRATEGY = 'sync';
window.DBEX_HIDE_CONTENT_TIMEOUT = 1000;
</script>
<script type="text/javascript" src="js/dbex-sync.min.js"></script>
<!-- // DRIVEBACK SYNC EXPERIMENTS SNIPPET -->
window.DBEX_HIDE_CONTENT_STRATEGYможет принимать следующие значения:
sync(по умолчанию) - если вы планируете использовать UX-тестирование только в синхронном модуле Driveback Experimentsasync- если вы планируете использовать UX-тестирование и в других (асинхронных) кампаниях Driveback
Важно При использовании опции async убедитесь, что основной сниппет Driveback находится макимально высоко в коде и загружается с максимальным приоритетом.
window.DBEX_HIDE_CONTENT_TIMEOUTзадает максимальную задержку в отображении видимой области страницы в случае, если по какой-то причине скрипты не загрузились. Рекомендуемые значения:
1000дляwindow.DBEX_HIDE_CONTENT_STRATEGY = 'sync'4000дляwindow.DBEX_HIDE_CONTENT_STRATEGY = 'async'
- Скрипт
dbex-sync.min.jsнеобходимо установить на свой собственный сервер для максимальной надежности, заменив при этом путь:
<script type="text/javascript" src="<путь_к_скрипту_на_вашем_сайте>"></script>
dbexSync('<EXPERIMENT_ID>', [<CONTROL_WEIGHT>, <VARIATION_1_WEIGHT>, <VARIATION_2_WEIGHT>, ...], {
1: function() {
// Изменения для Вариации 1
},
2: function() {
// Изменения для Вариации 2
},
...
});
где,
EXPERIMENT_ID- ID эксперимента, созданного в панели управления Driveback ExperimentsCONTROL_WEIGHT- Пропорция трафика, который идет в контрольную группуVARIATION_1_WEIGHT, VARIATION_1_WEIGHT, ...- Пропорция трафика, который идет в каждую вариацию (в сумме, которольная вес контрольной группы + весь всех вариаций = 1)
Пример:
dbexSync('40cde066-381f-4497-938c-e1af8de93dff', [0.2, 0.4, 0.4], {
1: function() {
jQuery('#main_title').text('Название сайта (Вариация 1 | 40% трафика)');
},
2: function() {
jQuery('#main_title').text('Название сайта (Вариация 2 | 40% трафика)');
}
});