A/B-тестирование SPA: начальное руководство по одностраничным приложениям и 10 лучших инструментов для A/B-тестирования SPA

Опубликовано: 2022-02-15
Начальное руководство по одностраничным приложениям и 10 лучших инструментов для тестирования SPA A:B

Одностраничные приложения: что это такое, как они работают и, что более важно, как мы проводим для них A/B-тесты?

В этом руководстве мы разберем это, а также рассмотрим 10 лучших платформ A/B-тестирования, которые вы можете использовать.

Мы расскажем об их ценах, функциях, разрешении пробных версий, а затем подробно расскажем о том, какие методы они используют, чтобы позволить вам проводить A/B-тестирование одностраничных приложений.

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

(Если вы уже все знаете о тестировании SPA, смело переходите к разделу инструментов здесь).

Спрятать
  • Что такое одностраничное приложение (SPA)?
    • Архитектура одностраничных приложений
  • SPA (одностраничное приложение) и MPA (многостраничное приложение)
    • Недостатки одностраничных сайтов-приложений
      • 1. Медленная начальная загрузка страницы
      • 2. JavaScript должен быть установлен и работать
      • 3. Больше усилий для сборки и редактирования (Fat Frontend)
      • 4. Аналитические измерения и отчетность
      • 5. Возможные проблемы с SEO
      • 6. Возможные проблемы с A/B-тестированием
    • Популярные фреймворки одностраничных приложений. Что выбрать: React, Angular или Vue?
    • Примеры одностраничных приложений
      • Нетфликс
      • Фейсбук
      • Gmail
  • Как проводить A/B-тестирование на сайтах одностраничных приложений (SPA)?
    • Тестовый триггер
    • Структура SPA
    • Инструмент, который вы используете для тестирования своего SPA
  • 10 лучших инструментов A/B-тестирования, адаптированных для сайтов с одностраничными приложениями (SPA)
    • #1: Конвертируйте опыт
    • # 2: Adobe Target
    • №3. ВВО
    • № 4. Камелеун
    • # 5: СайтСпект
    • № 6. Оптимизировано
    • # 7: Google Оптимизация/Оптимизация 360
    • №8. ABlyft
    • № 9. АБ Вкусно
    • №10. Динамическая доходность
  • В двух словах: A/B-тестирование одностраничных приложений

Что такое одностраничное приложение (SPA)?

SPA — это веб-сайт или веб-приложение, предназначенное для сверхбыстрой и плавной загрузки. Его цель — воспроизвести опыт хорошо спроектированного мобильного приложения и то, как оно построено. Вы нажимаете на что-то, и оно загружается почти сразу.

Однако название одностраничного приложения немного вводит в заблуждение и сбивает с толку нетехнических пользователей. Это не относится к сайтам, которые созданы только как одна веб-страница, а относится к тому, как она закодирована.

Архитектура одностраничных приложений

Лучший способ понять, как работает SPA, — посмотреть, как он устроен (архитектура сайта), и сравнить его со стандартным веб-сайтом, который вы могли бы использовать.

Стандартный веб-сайт, также известный как статическое или «многостраничное приложение» (MPA), состоит из нескольких страниц HTML-кода, представляющих каждую отдельную страницу сайта. Таким образом, у вас будет одна HTML-страница для домашней страницы, другая для страницы «О нас» и т. д.

Каждый раз, когда нажимается новая ссылка, веб-сайт отправляет серверу запрос на HTML-код для загрузки этой новой страницы, что вызывает задержку.

Архитектура многостраничных приложений

На самом деле вы можете в некоторой степени обойти это, предварительно загрузив эти другие ссылки на сайты MPA, чтобы ускорить загрузку вашей страницы. Мы говорим об этом в этом руководстве здесь, чтобы подготовить ваш сайт для соответствия Core Web Vitals при тестировании.

SPA (одностраничное приложение) и MPA (многостраничное приложение)

Основное различие между SPA и MPA заключается в том, что SPA имеет только одну страницу HTML-кода для всего сайта, которую нужно загрузить только один раз, отсюда и термин «одна страница».

Архитектура одностраничных приложений

Вместо того, чтобы запрашивать и загружать несколько HTML-страниц, SPA предварительно загружает весь контент при первом щелчке, предварительно кэшируя другой контент сайта, а затем динамически повторно отображает и обновляет внешний вид страницы, когда кто-то вместо этого нажимает на ссылки. загрузки новых файлов HTML.

Это достигается за счет использования JavaScript и рендеринга на стороне сервера для загрузки нового контента или страниц, когда текущая страница все еще открыта. Это создает впечатление более плавного взаимодействия с пользователем, а также обычно загружается быстрее, чем традиционный MPA, поскольку нет очевидных простоев или пустых экранов.

Недостатки одностраничных сайтов-приложений

Как тестировщики, мы знаем, что быстрый сайт обеспечивает отличный пользовательский интерфейс, но каковы недостатки использования SPA для вашего сайта?

1. Медленная начальная загрузка страницы

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

2. JavaScript должен быть установлен и работать

Если в браузере или устройстве пользователя не включен JavaScript, сайт просто не будет работать. Это случается редко, и пользователи будут уведомлены о необходимости включить и загрузить его, но это может случиться.

3. Больше усилий для сборки и редактирования (Fat Frontend)

Из-за сложности создания SPA-сайтов иногда может потребоваться больше времени для создания или больше усилий для внесения изменений.

Мало того, они также могут вызвать возможные проблемы с UX, если они построены неправильно.

Например, пользователь может нажать вкладку «Назад» и покинуть сайт вместо того, чтобы вернуться на предыдущую «страницу». Опять же, очень редко при правильном построении.

4. Аналитические измерения и отчетность

SPA также может быть трудно отслеживать аналитику на месте. Поскольку отдельной страницы как таковой нет, действия необходимо отслеживать по динамическим изменениям, происходящим вместо загрузки URL. Вот руководство о том, как это сделать с помощью Google Analytics 4 и GTM.

5. Возможные проблемы с SEO

Это также может повлиять на SEO для сайта, поскольку веб-пауки Google изо всех сил пытаются сканировать SPA. (Хотя в настоящее время Google совершенствует работу по отслеживанию динамического JavaScript на странице.)

6. Возможные проблемы с A/B-тестированием

Наконец, мы можем столкнуться с некоторыми проблемами A/B-тестирования при тестировании одностраничных приложений, в основном из-за того, как загружается страница и как проводится тест, но мы рассмотрим это более подробно через секунду.

Популярные фреймворки одностраничных приложений. Что выбрать: React, Angular или Vue?

Существует несколько фреймворков, которые разработчики могут использовать для создания одностраничных приложений, таких как:

  • Угловой
  • Реагировать
  • Метеоры
  • BackboneJs
  • EmberJs
  • полимеры
  • KnockoutJs
  • Аурелия

Однако наиболее популярными являются Angular (с большим количеством документации на GitHub), React (с открытым исходным кодом, хорошо документированный на GitHub) и Vue.js (самый новый из трех).

Примеры одностраничных приложений

Какие сайты строятся на SPA-фреймворках?

Благодаря фантастическим скоростям загрузки некоторые из крупнейших сайтов созданы как SPA:

  • Нетфликс
  • Фейсбук
  • Gmail
  • YouTube
  • Airbnb

Большинство SPA создаются с использованием таких фреймворков, как React и Angular.

Вот несколько известных примеров SPA:

Нетфликс

Популярный развлекательный потоковый сервис использует платформу React, чтобы позволить своим пользователям смотреть телешоу и фильмы без каких-либо задержек.

Если учесть, сколько данных передается на Netflix и сколько людей, разумно сделать вывод, что подход Netflix к SPA полностью использует этот метод.

Фейсбук

Лента новостей Facebook является примером SPA.

Когда вы просматриваете предыдущие видео или нажимаете другие кнопки, определенные части контента загружаются на страницу. Чтобы пережить опыт, не нужно покидать страницу.

Gmail

Браузер остается на той же веб-странице, когда вы нажимаете на сообщения в папке «Входящие».

Как проводить A/B-тестирование на сайтах одностраничных приложений (SPA)?

Вместо того, чтобы вдаваться в подробности конкретных идей A/B-тестирования для сайтов SPA, которые мы рассмотрели ранее, я хочу вместо этого рассказать, как на самом деле запускать тесты на сайтах SPA .

Почему?

Что ж, выполнение тестов на сайтах SPA отличается от статического MPA по трем причинам:

  • Триггер, который запускает тест,
  • Структура, на которой построен SPA, и
  • Инструмент, который вы используете для тестирования.

Итак, позвольте мне объяснить основы…

Тестовый триггер

Обычно в большинстве A/B-тестов мы запускаем эксперимент на основе строк URL. Если кто-то посещает определенный URL-адрес страницы, которую мы хотим протестировать, и если он соответствует установленным нами критериям, у него есть шанс провести эксперимент для него.

Поскольку SPA не имеют определенного триггера URL и используют JavaScript для повторного рендеринга элементов страницы, вместо этого нам нужно использовать другие методы триггера, такие как:

  • триггеры опроса,
  • Использование условий JavaScript в области сайта и
  • Активация вручную.

Таким образом, мы можем гарантировать, что тест запускается и работает в правильных условиях.

Структура SPA

Однако это не просто установка новых триггеров. Из-за того, как 3 популярные платформы работают и доставляют сайт SPA, вам может потребоваться скорректировать настройку теста, чтобы она работала правильно, в зависимости от используемой вами платформы.

У нас есть руководства для каждого из них ниже:

  • Запуск экспериментов на странице AngularJS
  • Запуск экспериментов на странице VueJS
  • Запуск экспериментов на странице ReactJS

Инструмент, который вы используете для тестирования своего SPA

При настройке тестов на сайтах SPA необходимо учитывать не только фреймворки JavaScript. Вам также нужно посмотреть, как фактический инструмент, который вы используете, работает для запуска тестов на сайте SPA, потому что это может повлиять на то, сможете ли вы запустить тест на вашей конкретной платформе.

Вот как мы проводим A/B-тесты на сайтах SPA с помощью Convert Experience:

  1. Запустите тест A/A, чтобы убедиться, что инструмент настроен правильно, если вы используете его впервые. (Только нужно сделать один раз.)
  2. Используйте уровень данных для хранения частей URL-адреса и других данных страницы (поскольку сам URL-адрес не меняется).
  3. Раздел сайта во вьюпорте — важный триггер, который можно использовать для вызова вариаций. Это необходимо, когда URL-адрес не обновляется с прокручиваемыми разделами.
  4. Убедитесь, что вы используете CDN или предварительную загрузку контента, чтобы обновленный контент раздела сайта загружался быстро и не нарушал изменчивый/родной характер SPA ( одно из его самых больших преимуществ ).
  5. Убедитесь, что триггерные цели опрашиваются и собираются, даже если страница не обновляется.
  6. Вы также можете перейти на серверную часть для A/B-тестирования на основе SPA.

Это верно для любой платформы тестирования, которую вы можете использовать, поэтому, когда мы разберем различные инструменты A/B-тестирования ниже, мы расскажем, как каждый из них на самом деле тестирует SPA, чтобы вы могли решить, какой из них лучше для вас.

10 лучших инструментов A/B-тестирования, адаптированных для сайтов с одностраничными приложениями (SPA)

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

  • Преобразование опыта
  • Adobe Таргет
  • ВВО
  • Камелеун
  • СайтСпект
  • Оптимизировано
  • Гугл Оптимизация
  • ABlyft
  • АБ Вкусно
  • Динамическая доходность

#1: Конвертируйте опыт

Инструмент для тестирования SPA A/B Convert Experiences
Преобразование опыта

Цены : начиная с 699 долларов в месяц, затем 199 долларов за каждые 100 000 посетителей.

Типы планов:

Инструмент для тестирования SPA A/B Планы Convert Experiences
Источник

Предлагают ли они бесплатную пробную версию? Да, 14-дневная бесплатная пробная версия без необходимости кредитной карты.

Предлагают ли они поддержку клиентов? Да, с самого начала суда. Какой тип? Живой чат, блог и база знаний, и это еще не все.

Как он адаптируется к работе с SPA? Convert может обрабатывать SPA, предоставляя функцию активации Convert (опрос), которую можно вызвать в любой момент после загрузки страницы. Позволяет использовать определенные триггеры, такие как цели, JavaScript, ручная активация и многое другое. Также позволяет перезагружать настройки преобразования при каждом изменении представления и может работать с отслеживанием на стороне клиента или на стороне сервера.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Вы можете прочитать больше об этом здесь.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Путем добавления готового кода в «Настройки проекта» > «Глобальный Javascript проекта» или путем прямой интеграции с инфраструктурой SPA.

Узнайте больше о проведении экспериментов на SPA.

Обзор Trust Radius :

преобразовать обзор тр спа
Источник

Лучшие клиенты: Sony, Jabra, Unicef ​​и другие.

Они заботятся о конфиденциальности? Мы полностью соблюдаем GDPR. Мы даже перестали использовать инструменты для нашей внутренней работы от других компаний, которые не соответствуют GDPR, вот как много это значит для нас.

Они заботятся о мире? Да. Это в нашей ДНК. Мы сажаем деревья, запускаем общественные программы, отстаиваем разнообразие с самого начала, делаем пожертвования на благотворительность и многое другое. Черт возьми, у нас в 15 раз больше углерода.

Как выглядит эта платформа A/B-тестирования в действии:

Скриншот Convert Experiences, инструмент для тестирования SPA A/B
Источник

# 2: Adobe Target

Инструмент для A/B-тестирования SPA Adobe Target
Adobe Таргет

Цена : доступна только после бронирования по телефону. Стартовая ставка составляет около 10 000 долларов в месяц.

Предлагают ли они бесплатную пробную версию? Нет.

Типы планов:

Инструмент для A/B-тестирования SPA Стоимость Adobe Target
Источник

Предлагают ли они поддержку клиентов? Да, в виде базы знаний и видео обучающих программ.

Как он адаптируется к работе с SPA? Adobe Target может обрабатывать SPA с помощью функции triggerView(), которую можно вызывать в коде SPA. Подробнее об этом можно прочитать здесь.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Однако для этого требуется прямая интеграция с SPA Framework.

Обзор Trust Radius :

Инструмент для A/B-тестирования SPA Обзор Adobe Target
Источник

Лучшие клиенты: Nvidia, Sprint mobile, Phillips.

Они заботятся о конфиденциальности? Да, но по иронии судьбы им требуется ваш адрес электронной почты и номер телефона, чтобы узнать больше об этом. Однако они проделывают большую работу со сторонними данными для ненавязчивого отслеживания.

Они заботятся о мире? Даже очень. Они отстаивают разнообразие, работают над созданием зданий, на 100% использующих возобновляемые источники энергии, снижают выбросы, проводят программы действий сообщества и многое другое.

Как этот инструмент тестирования выглядит в действии:

Скриншот Adobe Target, инструмент для тестирования SPA A/B
Источник

№3. ВВО

Инструмент для A/B-тестирования SPA VWO
Тестирование ВВО

Цена : от 99 долларов в месяц. Все остальное требует индивидуального ценообразования в соответствии с вашими потребностями. И вам нужно будет связаться с отделом продаж VWO для вашего.

Типы планов:

Инструмент для тестирования SPA A/B Ценообразование VWO
Источник

Предлагают ли они бесплатную пробную версию? Да, вы можете начать с 30-дневной бесплатной пробной версии.

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

Как он адаптируется к работе с SPA? VWO может автоматически обрабатывать SPA с помощью своего стандартного кода отслеживания, а также предоставляет функцию для запуска изменений страницы.

Для SPA, которые изменяют строки URL-адресов при загрузке нового контента, это работает со стандартной установкой. Для SPA, которые не меняют URL-адрес, вам необходимо настроить виртуальную страницу с использованием пользовательского URL-адреса.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Через вызов «applychanges».

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Он автоматически обнаружит изменения URL и истории браузера, включив только код отслеживания VWO.

Обзор Trust Radius :

Инструмент для A/B-тестирования SPA Обзор VWO
Источник

Лучшие клиенты: Ubisoft, AMD, Penn Foster, Optimeria и IMB Bank.

Они заботятся о конфиденциальности? Да. Они соблюдают основные законы и правила о конфиденциальности, но хранят некоторые данные посетителей на своих серверах.

Они заботятся о мире? Председатель Wingify (бренд, стоящий за VWO) Парас Чопра написал в Твиттере о своей поддержке нескольких инициатив по оказанию помощи COVID, включая создание учреждения по уходу за COVID на 10 коек в Дели.

Как выглядит эта платформа A/B-тестирования в действии:

Скриншот VWO инструмента тестирования A/B SPA
Источник

№ 4. Камелеун

Инструмент A/B-тестирования SPA Kameleoon
Камелеун

Цены : Индивидуальные в соответствии с вашими требованиями. Вы получите свою уникальную цену, связавшись с отделом продаж.

Типы планов: вам необходимо связаться с их службой поддержки, чтобы узнать цены. Планы основаны на ваших требованиях.

Предлагают ли они бесплатную пробную версию? Да.

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

Как он адаптируется к работе с SPA? У Kameleoon есть обширный API активации, позволяющий активировать эксперименты на своей платформе. Об этом подробнее здесь.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Через функцию assignVariation().

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Он автоматически обнаруживает обновления URL. Однако если никаких изменений URL-адреса не происходит, активацию эксперимента следует вызывать через его API.

Обзор Trust Radius :

Инструмент A/B-тестирования SPA Kameleoon обзор
Источник

Лучшие клиенты: Lexus, Unity, Providence, Toyota и Rakuten используют Kameleoon.

Они заботятся о конфиденциальности? Они соответствуют требованиям HIPAA, GDPR и CCPA. У них также есть гибкая функция управления согласием, позволяющая адаптировать вашу политику конфиденциальности для каждого теста A/B.

Они заботятся о мире? Я не смог найти доказательств какой-либо благотворительности, которую они спонсируют, или экологических инициатив, которые они поддерживают. Хотя интересно узнать, что у них есть два живых хамелеона в их офисах в Германии и Франции.

Как выглядит эта платформа A/B-тестирования в действии:

Скриншот приложения Kameleoon, инструмент для A/B-тестирования SPA
Источник

# 5: СайтСпект

Инструмент A/B-тестирования SPA SiteSpect
СайтСпект

Ценообразование : вам необходимо связаться с SiteSpect, чтобы узнать индивидуальную цену в соответствии с вашими потребностями.

Типы планов: Нет информации до звонка.

Они предлагают бесплатный план? Да, они предлагают бесплатную пробную версию.

Предлагают ли они поддержку клиентов? Поддержка клиентов доступна по телефону и электронной почте для бесплатных и платных версий. В их базе знаний также есть предварительно записанные вебинары.

Как он адаптируется к работе с SPA? SitesSpect действует как прокси, где все элементы веб-сайта могут быть изменены и заменены на другие версии во время загрузки с серверов.

Это означает, что они могут изменить любой элемент перед сборкой страницы, даже до того, как SPA будет загружен на страницу. Однако вам потребуются технические знания, чтобы определить, какие элементы нужно поменять местами, и это определенно не так просто, как изменить страницу на сайте.

Кроме того, любые компоненты, предварительно собранные на серверах, не могут быть повторно собраны с помощью этого решения.

Есть ли у него возможность инициировать эксперименты через JavaScript? Нет. Все это делается на прокси, как и на стороне сервера.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Нет, по той же причине, что и раньше. Все это делается в прокси, как на стороне сервера.

Обзор Trust Radius :

Инструмент для A/B-тестирования SPA SiteSpect, обзор пользователя
Источник

Основные клиенты: Staples, PetSmart, AmericanGirl и Urban Outfitters используют SiteSpect.

Они заботятся о конфиденциальности? Они делают. Они сертифицированы по стандарту PCI DSS 3.2; Соответствие требованиям GDPR, CCPA и Privacy Shield, а также HIPAA.

Они заботятся о мире? Известно, что SiteSpect спонсирует некоторые благотворительные проекты с 2014 года.

Как этот инструмент A/B-тестирования выглядит в действии:

Скриншот приложения SiteSpect для инструмента A/B-тестирования SPA
Источник

№ 6. Оптимизировано

Инструмент для A/B-тестирования SPA Optimizely
Оптимизировано

Ценообразование : они используют настраиваемую модель ценообразования. Но Splitbase прогнозирует, что они стоят не менее 36 000 долларов в год.

Типы планов: я не смог найти эту информацию, не связавшись с ними для демонстрации.

Предлагают ли они бесплатную пробную версию? Нет. Они остановили бесплатный план в 2018 году.

Предлагают ли они поддержку клиентов? Да. У них есть банк ресурсов, чтобы помочь пользователям избавиться от проблем, и номера телефонов, по которым можно обратиться за помощью 24/7.

Как он адаптируется к работе с SPA? Поддержку SPA в Optimizely можно активировать, установив флажок. Это определяет, когда изменяется URL-адрес или когда изменяется DOM, что активирует оценку экспериментов и активацию тех, которые посетитель был помещен на текущую страницу.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Он опрашивает изменения URL и изменения DOM.

Обзор Trust Radius :

Инструмент для A/B-тестирования SPA Optimize Review
Источник

Его используют ведущие клиенты: Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut и Atlassian.

Они заботятся о конфиденциальности? Они учитывают старые и новые законы о конфиденциальности и интегрируют их в свои продукты, чтобы вам, пользователю, не приходилось беспокоиться о соблюдении.

Они заботятся о мире? Большинство новых сотрудников отправляются добровольцами в сообщество на второй день их работы.

Как это программное обеспечение для тестирования AB выглядит в действии:

Инструмент для тестирования SPA A/B Optimizely скриншот в приложении
Источник

# 7: Google Оптимизация/Оптимизация 360

Инструмент для A/B-тестирования SPA Google Optimize
Гугл Оптимизация

Цена : есть 2 версии этого инструмента. Оптимизация бесплатна, но для расширенных функций необходимо выбрать Google Optimize 360.

Цены на Optimize 360 ​​устанавливаются индивидуально (хотя, по слухам, они составляют около 150 000 долларов в год). Чтобы получить месячную цену, вам нужно будет заполнить форму, чтобы связаться с их отделом продаж.

Типы планов:

Инструмент для тестирования SPA A/B Ценообразование Google Optimize
Источник

Предлагают ли они бесплатную пробную версию? Да.

Предлагают ли они поддержку клиентов? У них есть центр ресурсов с советами, видеоуроками, справочным сообществом и многим другим.

Как он адаптируется к работе с SPA? Google Optimize обеспечивает поддержку SPA, позволяя автоматически активировать изменения эксперимента при изменении URL-адреса или модели DOM.

Он также предоставляет событие активации, в котором изменения эксперимента могут быть активированы с помощью кода.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Через optimize.activate, который рекомендуют вставлять через GTM.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Это происходит при включении непрерывной активации.

Обзор Trust Radius :

Инструмент для тестирования SPA A/B Обзор Google Optimize
Источник

Лучшие клиенты: Adidas, Spotify, Eurobank и другие.

Они заботятся о конфиденциальности? Они соблюдают применимые законы о защите данных клиентов в странах, где используются их продукты.

Они также сотрудничают с третьими сторонами и органами по защите данных, чтобы обеспечить безопасность данных пользователей.

Они заботятся о мире? С 2007 года Google придерживается нулевого уровня выбросов углерода и планирует полностью отказаться от выбросов углерода к 2030 году. Кроме того, они известны многочисленными благотворительными акциями с обязательством в размере 1 миллиарда долларов.

Как выглядит эта платформа для сплит-тестирования в действии:

Инструмент для A/B-тестирования SPA Скриншот из приложения Google Optimize
Источник

№8. ABlyft

Инструмент A/B-тестирования SPA Ablyft
Аблифт

Цена : Стоимость доступна по запросу. Однако я нашел более старый документ, в котором они предлагали БЕСПЛАТНЫЕ ограниченные тесты для 5 тысяч пользователей, а затем 329 долларов в месяц после этого (279 долларов при ежегодной оплате).

Типы планов:

Инструмент A/B-тестирования SPA Цены на Ablyft
Источник

Предлагают ли они бесплатную пробную версию? Да, вы можете начать с 30-дневной бесплатной пробной версии, кредитная карта не требуется.

Предлагают ли они поддержку клиентов? Да. У них есть базовая база знаний и варианты живого чата.

Как он адаптируется к работе с SPA? ABlyft также подходит для автоматического и программного тестирования AB. С возможностью активации с URL-адресом, изменением DOM и программным API.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да, через функцию API.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да, при изменении URL и DOM.

Обзор Trust Radius :

На Trust Radius не было отзывов об этом инструменте, поэтому я взял обзор от G2.

Инструмент A/B-тестирования SPA Ablyft обзор
Источник

Лучшие покупатели журналов Elle, Bazaar и Instyle.

Они заботятся о конфиденциальности? Да. Они соответствуют основным законам о конфиденциальности и GDPR.

Они заботятся о мире? Не то, чтобы я мог найти.

Как выглядит эта платформа A/B-тестирования в действии:

Скриншот приложения Ablyft, инструмент для A/B-тестирования SPA
Источник

№ 9. АБ Вкусно

Инструмент A/B-тестирования SPA AB Tasty
АБ Вкусно

Цены: от 1900 долларов США в месяц для 400 тысяч проверенных посетителей в месяц для плана Essentials. План роста стоит 3800 долларов в месяц, а план Elite начинается с 5700 долларов в месяц.

Типы планов: необходимо связаться с их отделом продаж, чтобы узнать цены и типы планов.

Предлагают ли они бесплатную пробную версию? Нет. Вы можете запросить демо-звонок, чтобы увидеть их новые функции.

Предлагают ли они поддержку клиентов? Да. У них есть база знаний и живой чат.

Как он адаптируется к работе с SPA? AB Tasty позволяет активировать эксперименты при выполнении определенного условия, которое можно проверять при загрузке страницы или периодически, пока условие не будет выполнено. Эти периодически проверяемые условия могут быть значением URL-адреса, элементами, присутствующими на странице на основе селекторов CSS, условиями JS, которые возвращают значение true, или пользовательским кодом, а также программной активацией через обещания javascript.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Через обещания Javascript или периодически оцениваемые условия JS.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Да. Может периодически оценивать значения URL, элементы, присутствующие на странице, с помощью селекторов CSS, условий JS или обещаний JS.

Обзор Trust Radius :

Инструмент A/B-тестирования SPA AB Tasty обзор
Источник

Лучшие клиенты: Disney, L'Oreal, Kalviyo и другие.

Они заботятся о конфиденциальности? Да. IP-адреса пользователей используются для создания идентификационного кода, а затем немедленно удаляются перед переходом в инструмент. Идентификационные коды анонимизируются, а затем удаляются через 13 месяцев.

Они заботятся о мире? Они жертвуют напрямую неправительственным организациям, работают с группами социальных действий, перерабатывают и спонсируют ульи.

Как выглядит эта платформа A/B-тестирования в действии:

Снимок экрана приложения для инструмента A/B-тестирования SPA AB Tasty
Источник

№10. Динамическая доходность

Инструмент для A/B-тестирования SPA Dynamic Yield
Динамическая доходность

Цены : я не смог найти никакой информации о ценах, кроме того, что они в среднем на 24% выше, чем у других инструментов, предлагающих персонализацию.

Типы планов: Опять же, я не смог найти никакой информации по этому поводу.

Предлагают ли они бесплатную пробную версию? Да, но сначала вы должны запросить демоверсию.

Предлагают ли они поддержку клиентов? Да. Какой тип? Они предлагают поддержку по телефону и электронной почте, а также базовую базу знаний для помощи в установке, а затем академию для обучения тестированию.

Как он адаптируется к работе с SPA? Dynamic Yield обрабатывает SPA, используя веб-API под названием MutationObserver , который обеспечивает перехваты мутаций DOM и позволяет инструменту отслеживать, когда происходят мутации. Использование API позволяет инструменту вносить изменения в режиме реального времени по мере необходимости.

Есть ли у него возможность инициировать эксперименты через JavaScript? Да. Однако они предупреждают, что некоторые старые библиотеки JavaScript могут не поддерживаться.

Опрашивает ли он запуск цели, не полагаясь на обновление страницы? Эту функцию необходимо включить в расширенных настройках кампании, установив флажок Показывать при каждом событии SPA .

Обзор Trust Radius :

Инструмент для A/B-тестирования SPA Dynamic Yield Review
Источник

Лучшие клиенты: Urban Outfitters, Ikea, Sephora и другие.

Они заботятся о конфиденциальности? Dynamic Yield полностью соответствует GDPR.

Они заботятся о мире? На самом деле они делают кое-что очень крутое, а именно предлагают бесплатное использование своего инструмента благотворительным организациям, отвечающим определенным критериям. Они также работают в обществе.

Как выглядит эта платформа A/B-тестирования в действии:

Снимок экрана инструмента A/B-тестирования SPA Dynamic Yield
Источник

В двух словах: A/B-тестирование одностраничных приложений

Итак, у вас есть это.

Полное руководство по A/B-тестированию одностраничных приложений. Что это такое, как они работают и 10 лучших платформ, которые вы можете использовать для оптимизации SPA-сайтов или веб-приложений. Мы сделали знания легкими для начинающих, поэтому, даже если ваши навыки еще не соответствуют всем этим техническим терминам, мы надеемся, что вы все же что-то из этого вынесли!

Хотите больше информации о каждом инструменте? Мы опросили несколько экспертов по CRO о лучших инструментах, которые, по их мнению, будут лучшими в ближайшие 5 лет (включая инструменты из этого списка). Посмотрите, что они говорят здесь.

И следите за обновлениями во второй части серии A/B-тестирования одностраничных приложений , где мы взглянем на внутреннюю сторону вещей и поделимся некоторыми техническими советами и рекомендациями по успешному проведению тестов одностраничных приложений. Он выйдет через два дня!

Получить интерактивную таблицу
Получить интерактивную таблицу