Визуальный редактор в Google Optimize

Question

Мой клиент хочет улучшить использование купона на странице корзины, которая будет действовать как компонент typeahead. Он хотел проверить с помощью Google Optimize (A / B-тестирование).

Текущая страница корзины: просто текстовое поле с купоном и кнопка подтверждения.

Вариация: текстовое поле с предложением (например, typeahead) с кнопкой «Применить».

Мы разработали страницу корзины с angularjs, но мой клиент хочет создать страницу вариантов только с помощью визуального редактора Google Optimize. Как создать заголовок с помощью редактора оптимизации без angularjs и как связать значение с моделью текстового поля?

Answer 1

Лучший подход, который я вижу здесь, это использовать тест перенаправления, описанный здесь:

https://support.google.com/optimize/answer/6361119?hl=en

При правильной реализации URL вашего варианта должен выглядеть примерно так ? Веры = 2

Теперь, в вашем угловом коде напишите блок выполнения, который будет считывать URL и устанавливать флаг, т.е. в зависимости от того, присутствует ver = 2 или нет, установите флаг в значение true или false.

Далее на странице корзины создайте виджет для текстового поля купона с опережением. При правильной реализации у вас должно быть 2 виджета для ввода купона, первый должен быть оригиналом, а второй должен быть с опережением ввода.

Наконец, вам нужно скрыть / показать соответствующий виджет на основе созданного выше флага.

Надеюсь, это направит вас в правильном направлении, Ура!