Используйте Google Analytics для A/B-тестирования с тем же URL-адресом

Вы можете сделать это с помощью API контента. Его немного сложно настроить, но вот несколько советов, следующих за этим руководством: https://developers.google.com/analytics/solutions/experiments-client-side

Сначала вам понадобится скрипт javascript/jQuery в области заголовка (иш) вашего шаблона. Каждый function() в пределах expVers[] является вариантом эксперимента. Вы можете делать столько, сколько захотите, однако 2 или 3, по-видимому, работают лучше всего, причем один из 3 быстро взвешивается Google (несколько дней). Это псевдокод для добавления красного или оранжевого класса в btn:

<!-- Include the content API snippet above this. The Google hosted snippet can fail for some reasons so I paste it in. -->

<script type="text/javascript">
    // Set variants as indices
    var getIndex = cxApi.chooseVariation(),
        expVers = [
            function() {
                log = 'Variant 1';
                $('.btn').addClass('red');
            },
            function() {
                log = 'Variant 2';
                $('.btn').addClass('orange');
            }
        ];
</script>

Итак, они определены, теперь нам нужно фактически инициировать изменение для пользователя после загрузки DOM. Это немного проще, поместите его ниже, как в нижнем колонтитуле:

<script type="text/javascript">
    // Trigger and show variant to user
    $(function() {
        expVers[getIndex]();
        console.log(log);
    });
</script>

Теперь есть 3 вещи, которые следует учитывать, о которых на самом деле не говорится в руководстве.

1) Вы не можете удалить прошлые эксперименты [без использования API аналитики]. Итак, создайте новое свойство для тестирования вместо того, чтобы делать это на ваше главное имущество. Вы же не хотите портить свое основное имущество экспериментами, которые предназначались для тестирования, провалились или что-то в этом роде.

2) Убедитесь, что ваш IP-адрес игнорируется фильтром Google Analytics, иначе результаты вашего тестирования могут быть неверными. Эти эксперименты основаны на файлах cookie. Поэтому при тестировании вы можете проверить варианты переключения или взвешивания, удалив файл cookie GA и обновив его. Или если вы используете этот метод, вы можете выполнять строки запроса, чтобы "принудительно" отображать вариант, пока тестирование. Кроме того, в приведенных выше фрагментах есть ведение журнала. Это важно по разным причинам, таким как более неоднозначные или "скрытые" изменения, которые не обязательно легко увидеть. Нажмите F12 (инспектор Chrome) и перейдите на вкладку консоль. Вы увидите, какой вариант сработал, или любую другую информацию, которую вы хотите добавить в журналы.

3) Поскольку этот эксперимент проводится на стороне клиента, на мгновение может возникнуть/возникнет ситуация FOUC, когда страница сначала загружается по крайней мере для 1 пула вариантов. что я под этим подразумевается, что вы тестируете 3 цвета кнопок. По умолчанию они синие, и вы также проводите эксперимент, чтобы протестировать красный и оранжевый варианты. Таким образом, пользователь нажимает, на мгновение видит синие кнопки, затем включается JS и меняет их на красные или оранжевые. Это происходит из-за задержки до готовности DOM (JS не запускается до DOM, скажем).

Существуют различные способы справиться с этим, такие как сделать кнопки невидимыми с помощью CSS или наложить загрузку, пока JS не будет загружен и не сделает видимый. Для каждого экземпляра/сайта/темы может потребоваться другой способ "замазывания" этого, чтобы избежать FOUC или любого мерцания и т. Д. Если это всего лишь незначительное изменение, возможно, вы сможете с этим смириться.... но FOUC/мерцание с большими изменениями может немного повлиять на результаты вашего эксперимента. Подумайте, например, о мерцающем логотипе. Или пользователь с очень медленным соединением, у которого огромная задержка перед запуском JS. Удачи в экспериментах!