SPA A/B 테스팅: 단일 페이지 애플리케이션 시작 가이드 및 사용할 수 있는 10가지 최고의 SPA A/B 테스팅 도구

게시 됨: 2022-02-15
단일 페이지 응용 프로그램 시작 안내서 및 사용할 10가지 최고의 SPA A:B 테스트 도구

단일 페이지 애플리케이션: 애플리케이션이란 무엇이며 어떻게 작동하며 더 중요한 것은 A/B 테스트를 실행하는 방법입니다.

이 가이드에서는 이를 분석하고 사용할 수 있는 최고의 A/B 테스트 플랫폼 10개를 살펴보겠습니다.

평가판을 허용하는 경우 가격, 기능에 대해 설명하고 단일 페이지 애플리케이션에서 A/B 테스트를 실행할 수 있도록 하는 데 사용하는 방법에 대해 자세히 설명합니다.

이렇게 하면 자신과 테스트 요구 사항에 가장 적합한 도구를 정확하게 결정할 수 있습니다.

(이미 SPA 테스트에 대한 모든 것을 알고 있다면 여기에서 도구 섹션으로 자유롭게 이동하십시오.)

숨다
  • 단일 페이지 애플리케이션(SPA)이란 무엇입니까?
    • 단일 페이지 애플리케이션 아키텍처
  • SPA(단일 페이지 애플리케이션) 대 MPA(다중 페이지 애플리케이션)
    • 단일 페이지 응용 프로그램 사이트의 단점
      • 1. 느린 초기 페이지 로드
      • 2. JavaScript가 설치되어 작동해야 합니다.
      • 3. 빌드 및 편집을 위한 더 많은 노력(Fat Frontend)
      • 4. 분석 측정 및 보고
      • 5. 가능한 SEO 문제
      • 6. 잠재적인 A/B 테스트 문제
    • 인기 있는 단일 페이지 애플리케이션 프레임워크. 무엇을 선택해야 할까요? React, Angular 또는 Vue?
    • 단일 페이지 응용 프로그램 사이트 예
      • 넷플릭스
      • 페이스북
      • 지메일
  • 단일 페이지 애플리케이션(SPA) 사이트에서 A/B 테스트를 수행하는 방법은 무엇입니까?
    • 테스트 트리거
    • SPA 프레임워크
    • SPA를 테스트하는 데 사용하는 도구
  • 단일 페이지 애플리케이션(SPA) 사이트에 적용된 상위 10가지 A/B 테스트 도구
    • #1: 경험 전환
    • #2: 어도비 타겟
    • #삼. VWO
    • #4. 카멜레온
    • #5: 사이트 스펙트
    • #6. 최적화
    • #7: Google 최적화 도구/최적화 도구 360
    • #8. 에이블리프트
    • #9. AB 테이스티
    • #10. 동적 수율
  • 간단히 말해서: 단일 페이지 애플리케이션 A/B 테스트

단일 페이지 애플리케이션(SPA)이란 무엇입니까?

SPA는 매우 빠르고 유동적으로 로드하도록 설계된 웹 사이트 또는 웹 응용 프로그램입니다. 이 앱의 목표는 잘 디자인된 모바일 앱의 경험과 앱 구축 방식을 재현하는 것입니다. 무언가를 클릭하면 거의 즉시 로드됩니다.

그러나 단일 페이지 응용 프로그램이라는 이름은 기술이 아닌 사용자에게 약간 오해의 소지가 있고 혼동을 줄 수 있습니다. 단일 웹페이지로만 구축된 사이트가 아니라 코딩 방식을 말합니다.

단일 페이지 애플리케이션 아키텍처

SPA의 작동 방식을 이해하는 가장 좋은 방법은 SPA가 어떻게 구축되었는지(사이트 아키텍처)를 살펴보고 사용할 수 있는 표준 웹 사이트와 비교하는 것입니다.

정적 또는 '다중 페이지 응용 프로그램'(MPA)이라고도 하는 표준 웹 사이트는 사이트의 각 개별 페이지를 나타내는 HTML 코드의 여러 페이지를 사용하여 구축됩니다. 따라서 홈 페이지용 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 애널리틱스 4 및 GTM을 사용하여 이를 수행하는 방법에 대한 안내입니다.

5. 가능한 SEO 문제

이것은 또한 Google의 웹 스파이더가 SPA를 크롤링하는 데 어려움을 겪기 때문에 사이트의 SEO에 영향을 줄 수 있습니다. (현재 페이지에서 동적 JavaScript를 추적하는 Google의 작업으로 개선되고 있습니다.)

6. 잠재적인 A/B 테스트 문제

마지막으로 단일 페이지 애플리케이션에서 테스트할 때 주로 페이지 로드 방식과 테스트 전달 방식으로 인해 일부 A/B 테스트 문제가 발생할 수 있지만 잠시 후에 더 자세히 다룰 것입니다.

인기 있는 단일 페이지 애플리케이션 프레임워크. 무엇을 선택해야 할까요? React, Angular 또는 Vue?

개발자가 다음과 같은 단일 페이지 앱을 빌드하는 데 사용할 수 있는 몇 가지 프레임워크가 있습니다.

  • 모난
  • 반응
  • MeteorJs
  • 백본J
  • EmberJ
  • 폴리머J
  • 녹아웃J
  • 아우렐리아

그러나 가장 인기 있는 것은 Angular(GitHub에 많은 문서가 있음), React(오픈 소스, GitHub에 잘 문서화됨) 및 Vue.js(세 가지 중 가장 최신 버전)입니다.

단일 페이지 응용 프로그램 사이트 예

SPA 프레임워크에는 어떤 종류의 사이트가 구축되어 있습니까?

환상적인 로드 속도 덕분에 가장 큰 사이트 중 일부는 SPA로 구축되었습니다.

  • 넷플릭스
  • 페이스북
  • 지메일
  • 유튜브
  • 에어비앤비

대부분의 SPA는 React 및 Angular와 같은 프레임워크를 사용하여 구축됩니다.

다음은 몇 가지 잘 알려진 SPA 예입니다.

넷플릭스

인기 있는 엔터테인먼트 스트리밍 서비스는 사용자가 지연 없이 TV 프로그램과 영화를 볼 수 있도록 React 프레임워크를 사용합니다.

Netflix에서 스트리밍되는 데이터의 양과 사용자 수를 고려할 때 Netflix의 SPA 접근 방식이 이 방법을 최대한 활용한다는 결론을 내리는 것이 합리적입니다.

페이스북

Facebook의 뉴스 피드는 SPA의 한 예입니다.

이전 비디오를 스크롤하거나 다른 버튼을 클릭하면 콘텐츠의 특정 부분이 페이지에 로드됩니다. 경험을 견디기 위해 페이지를 떠날 필요가 없습니다.

지메일

받은 편지함에서 메시지를 클릭하면 브라우저가 동일한 웹 페이지에 유지됩니다.

단일 페이지 애플리케이션(SPA) 사이트에서 A/B 테스트를 수행하는 방법은 무엇입니까?

이전에 다룬 SPA 사이트에 대한 특정 A/B 테스트 아이디어에 대해 자세히 설명하는 대신 SPA 사이트에서 실제로 테스트를 실행하는 방법을 대신 다루고 싶습니다.

왜요?

SPA 사이트에서 테스트를 실행하는 것은 다음 세 가지 이유로 정적 MPA와 다릅니다.

  • 테스트를 실행하게 하는 방아쇠,
  • SPA가 구축된 프레임워크 및
  • 테스트에 사용하는 도구입니다.

그럼 기초부터 설명하자면...

테스트 트리거

일반적으로 대부분의 A/B 테스트에서 URL 문자열을 기반으로 실험을 시작합니다. 누군가 우리가 테스트하려는 페이지의 특정 URL을 방문하고 그들이 우리가 설정한 기준을 충족한다면 실험을 실행할 기회가 있습니다.

SPA에는 특정 URL 트리거가 없고 JavaScript를 사용하여 페이지 요소를 다시 렌더링하므로 다음과 같은 다른 트리거 방법을 대신 사용해야 합니다.

  • 폴링 트리거,
  • 사이트 영역에서 JavaScript 조건을 사용하고
  • 수동 활성화.

이러한 방식으로 테스트가 트리거되고 올바른 조건에서 실행되는지 확인할 수 있습니다.

SPA 프레임워크

새로운 트리거를 설정하는 것만이 아닙니다. 3개의 인기 있는 프레임워크가 SPA 사이트를 실행하고 전달하는 방식 때문에 사용 중인 프레임워크에 따라 올바르게 전달되도록 테스트 설정을 조정해야 할 수 있습니다.

아래에 각각에 대한 가이드가 있습니다.

  • AngularJS 페이지에서 실험 실행
  • VueJS 페이지에서 실험 실행하기
  • ReactJS 페이지에서 실험 실행하기

SPA를 테스트하는 데 사용하는 도구

SPA 사이트에서 테스트를 설정할 때 고려해야 할 것은 JavaScript 프레임워크 뿐만이 아닙니다. 또한 특정 프레임워크에서 테스트를 실행할 수 있는지 여부에 영향을 줄 수 있으므로 사용 중인 실제 도구가 SPA 사이트에서 테스트를 실행하는 방식을 살펴봐야 합니다.

변환 경험을 사용하여 SPA 사이트에서 A/B 테스트를 실행하는 방법은 다음과 같습니다.

  1. 도구를 처음 사용하는 경우 A/A 테스트를 실행하여 도구가 올바르게 설정되었는지 확인하십시오. (한 번만 수행하면 됩니다.)
  2. 데이터 영역을 사용하여 URL 부분 및 기타 페이지 데이터를 보유합니다(URL 자체는 변경되지 않기 때문에).
  3. 뷰포트의 사이트 섹션은 변형을 호출하는 데 사용할 수 있는 중요한 트리거입니다. 이것은 스크롤된 섹션으로 URL이 업데이트되지 않을 때 필요합니다.
  4. 업데이트된 사이트 섹션 콘텐츠가 빠르게 로드되고 SPA의 유동적/기본 특성을 방해하지 않도록 CDN 또는 프리페치 콘텐츠를 사용하는지 확인하세요( 가장 큰 장점 중 하나 ).
  5. 페이지가 새로고침되지 않더라도 트리거된 목표가 폴링 및 수집되고 있는지 확인합니다.
  6. SPA 기반 A/B 테스트를 위해 서버 측으로 이동할 수도 있습니다.

이것은 당신이 사용할 수 있는 모든 테스트 플랫폼에 해당됩니다. 따라서 아래에서 다양한 A/B 테스트 도구를 분류할 때 각 도구가 SPA에서 실제로 테스트하는 방법을 다루므로 어떤 것이 가장 적합한지 결정할 수 있습니다.

단일 페이지 애플리케이션(SPA) 사이트에 적용된 상위 10가지 A/B 테스트 도구

이제 SPA가 무엇인지 살펴보았고 SPA 사이트를 테스트할 때 염두에 두어야 하는 일반적인 문제를 살펴보았으므로 SPA에서 테스트를 실행할 수 있는 가장 인기 있는 테스트 도구를 살펴보겠습니다.

  • 경험 전환
  • 어도비 타겟
  • VWO
  • 카멜레온
  • 사이트 스펙
  • 최적화
  • 구글 최적화
  • 에이블리프트
  • AB 테이스티
  • 동적 수율

#1: 경험 전환

SPA A/B 테스트 도구 Convert Experiences
경험 전환

가격 : 월 699달러부터 시작하며 그 이후에는 방문자 10만 명당 199달러입니다.

계획 유형:

SPA A/B 테스트 도구 Convert Experiences 플랜
원천

그들은 무료 평가판을 제공합니까? 예, 신용 카드가 필요하지 않은 14일 무료 평가판입니다.

고객 지원을 제공합니까? 예, 재판을 시작할 때부터입니다. 어떤 유형? 라이브 채팅, 블로그 및 지식 기반이 더 많이 제공됩니다.

SPA를 처리하기 위해 어떻게 적응합니까? Convert는 페이지 로드 후 언제든지 호출할 수 있는 변환 활성화 기능(폴링)을 제공하여 SPA를 처리할 수 있습니다. 목표, JavaScript, 수동 활성화 등과 같은 특정 트리거를 허용합니다. 또한 모든 보기 변경 시 변환 설정을 다시 로드할 수 있으며 클라이언트 측 또는 서버 측 추적에서 작업할 수 있습니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. 여기에서 자세한 내용을 읽을 수 있습니다.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. 프로젝트 설정 > 글로벌 프로젝트 자바스크립트에서 바로 사용할 수 있는 코드를 추가하거나 SPA 프레임워크와의 직접 통합을 통해.

SPA에서 실험을 실행하는 방법에 대해 자세히 알아보세요.

신뢰 반경 검토 :

tr 스파 리뷰를 변환
원천

주요 고객: Sony, Jabra, Unicf 등.

그들은 사생활에 관심이 있습니까? 우리는 GDPR을 완전히 준수합니다. 우리는 GDPR을 충족하지 않는 다른 회사의 내부 작업 도구 사용을 중단했습니다. 이것이 우리에게 의미하는 것입니다.

그들은 세상을 걱정합니까? 예. 그것은 우리의 DNA에 있습니다. 우리는 나무를 심고, 지역 사회 프로그램을 운영하고, 초기 신청부터 다양성을 옹호하고, 자선 단체에 기부하는 등 많은 일을 합니다. 젠장, 우리는 15x 탄소 음성입니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 경험 변환 스크린샷
원천

#2: 어도비 타겟

SPA A/B 테스트 도구 Adobe Target
어도비 타겟

가격 : 전화예약 후 이용 가능합니다. 시작 요금은 한 달에 약 $10,000입니다.

그들은 무료 평가판을 제공합니까? 아니.

계획 유형:

SPA A/B 테스트 도구 Adobe Target 가격 책정
원천

고객 지원을 제공합니까? 예, 지식 기반 및 비디오 교육 프로그램의 형태로 제공됩니다.

SPA를 처리하기 위해 어떻게 적응합니까? Adobe Target은 SPA 코드 내에서 호출할 수 있는 triggerView() 함수를 통해 SPA를 처리할 수 있습니다. 이에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. 그러나 SPA 프레임워크와 직접 통합해야 합니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 Adobe Target 검토
원천

주요 고객: Nvidia, Sprint 모바일, Phillips.

그들은 사생활에 관심이 있습니까? 예, 하지만 아이러니하게도 이에 대해 자세히 알아보려면 이메일과 전화번호가 필요합니다. 그러나 그들은 비침해 추적을 위해 자사 데이터에서 많은 작업을 수행하고 있습니다.

그들은 세상을 걱정합니까? 매우 그렇다. 그들은 다양성을 옹호하고, 100% 재생 에너지 건물을 만들기 위해 노력하고, 배출량을 낮추고, 지역사회 활동 프로그램을 운영하는 등 많은 일을 합니다.

이 테스트 도구가 작동하는 모습:

SPA A/B 테스트 도구 Adobe Target 스크린샷
원천

#삼. VWO

SPA A/B 테스트 도구 VWO
VWO 테스트

가격 : $99/월부터 시작합니다. 더 많은 것은 필요에 따라 맞춤형 가격 책정이 필요합니다. 그리고 VWO 영업 팀에 문의해야 합니다.

계획 유형:

SPA A/B 테스트 도구 VWO 가격
원천

그들은 무료 평가판을 제공합니까? 예, 30일 무료 평가판으로 시작할 수 있습니다.

고객 지원을 제공합니까? 예, 도움이 필요할 때 전화할 수 있습니다. 또는 리소스 페이지를 참조하십시오.

SPA를 처리하기 위해 어떻게 적응합니까? VWO는 표준 추적 코드를 통해 SPA를 자동으로 처리할 수 있으며 페이지 변경을 트리거하는 기능도 제공합니다.

새로운 콘텐츠 로드로 URL 문자열을 변경하는 SPA의 경우 표준 설치와 함께 작동합니다. URL을 변경하지 않는 SPA의 경우 사용자 지정 URL을 사용하여 가상 페이지를 설정해야 합니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. 'applychanges' 호출을 통해.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. VWO 추적 코드만 포함하여 URL 및 브라우저 기록 변경 사항을 자동으로 감지합니다.

신뢰 반경 검토 :

SPA A/B 테스팅 툴 VWO 리뷰
원천

주요 고객: Ubisoft, AMD, Penn Foster, Optimeria 및 IMB Bank.

그들은 사생활에 관심이 있습니까? 예. 주요 개인정보 보호법 및 규정을 준수하지만 일부 방문자 데이터를 서버에 저장합니다.

그들은 세상을 걱정합니까? Wingify(VWO의 브랜드) Paras Chopra 회장은 델리에 10개 침대를 갖춘 COVID-care 시설을 설치하는 것을 포함하여 몇 가지 COVID 구호 계획에 대한 지원을 트위터에 올렸습니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 VWO 스크린샷
원천

#4. 카멜레온

SPA A/B 테스트 도구 Kameleoon
카멜레온

가격 : 귀하의 요구 사항에 따라 사용자 정의. 영업 팀에 연락하면 고유한 가격을 얻을 수 있습니다.

요금제 유형: 가격은 지원팀에 문의해야 합니다. 계획은 귀하의 요구 사항을 기반으로 합니다.

그들은 무료 평가판을 제공합니까? 예.

고객 지원을 제공합니까? 예. 복잡한 프로젝트를 지원하기 위해 전담 계정 관리자를 고용할 수도 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? Kameleoon에는 플랫폼에서 실험을 활성화할 수 있는 광범위한 활성화 API가 있습니다. 여기에서 자세히 읽어보세요.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. assignVariation() 함수를 통해.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? URL 업데이트를 자동으로 감지합니다. 그러나 URL 변경이 발생하지 않으면 API를 통해 실험 활성화를 호출해야 합니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 Kameleoon 리뷰
원천

주요 고객: Lexus, Unity, Providence, Toyota 및 Rakuten은 Kameleoon을 사용합니다.

그들은 사생활에 관심이 있습니까? HIPAA, GDPR 및 CCPA를 준수합니다. 또한 각 A/B 테스트에 대한 개인 정보 보호 정책을 적용할 수 있는 유연한 동의 관리 기능이 있습니다.

그들은 세상을 걱정합니까? 나는 그들이 후원하는 자선 단체나 그들이 후원하는 환경적 원인에 대한 증거를 찾을 수 없었습니다. 그러나 독일과 프랑스 사무소에 두 개의 라이브 카멜레온이 있다는 사실은 흥미롭습니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 Kameleoon 인앱 스크린샷
원천

#5: 사이트 스펙트

SPA A/B 테스트 도구 SiteSpect
사이트 스펙

가격 : 귀하의 필요에 따른 맞춤형 가격은 SiteSpect에 문의해야 합니다.

요금제 유형: 통화 전에 사용할 수 있는 정보가 없습니다.

그들은 무료 계획을 제공합니까? 예, 무료 평가판을 제공합니다.

고객 지원을 제공합니까? 고객 지원은 무료 및 유료 버전에 대해 전화 및 이메일을 통해 제공됩니다. 지식 기반에서 사용할 수 있는 사전 녹화된 웨비나도 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? SitesSpect는 서버에서 다운로드되는 동안 모든 웹사이트 요소를 변경하고 다른 버전으로 교체할 수 있는 프록시 역할을 합니다.

즉, SPA가 페이지에 다운로드되기 전에도 페이지를 조합하기 전에 모든 요소를 ​​수정할 수 있습니다. 그러나 교환해야 하는 요소를 결정하고 사이트의 페이지를 변경하는 것만큼 쉽지 않은 것을 결정하려면 기술적 전문 지식이 필요합니다.

또한 서버에 사전 조립된 구성 요소는 이 솔루션으로 다시 조립할 수 없습니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 아니요. 모두 서버 측과 유사한 프록시에서 수행됩니다.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 아니, 이전과 같은 이유로. 그것은 모두 서버 측과 유사한 프록시에서 수행됩니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 SiteSpect 사용자 리뷰
원천

주요 고객: Staples, PetSmart, AmericanGirl 및 Urban Outfitters는 SiteSpect를 사용합니다.

그들은 사생활에 관심이 있습니까? 그들이하다. PCI DSS 3.2 인증을 받았습니다. GDPR, CCPA 및 프라이버시 실드를 준수하고 HIPAA를 지원합니다.

그들은 세상을 걱정합니까? SiteSpect는 2014년부터 일부 자선 프로젝트를 후원하는 것으로 알려져 있습니다.

이 A/B 테스트 도구가 작동하는 모습:

SPA A/B 테스트 도구 SiteSpect 인앱 스크린샷
원천

#6. 최적화

SPA A/B 테스트 도구 Optimizely
최적화

가격 책정 : 사용자 지정 가격 책정 모델을 사용하고 있습니다. 그러나 Splitbase는 연간 최소 $36,000의 비용이 들 것으로 예상합니다.

계획 유형: 데모를 위해 연락하지 않고는 이 정보를 찾을 수 없습니다.

그들은 무료 평가판을 제공합니까? 아니요. 2018년에 무료 요금제를 중단했습니다.

고객 지원을 제공합니까? 예. 그들은 사용자가 24시간 연중무휴로 도움을 요청할 수 있는 전화번호와 문제를 해결하는 데 도움이 되는 리소스 은행을 보유하고 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? SPA에 대한 Optimizely의 지원은 확인란을 선택하여 활성화할 수 있습니다. 이것은 URL이 변경되거나 DOM이 변경되어 실험 평가를 활성화하고 방문자가 현재 페이지에서 버킷팅된 항목의 활성화를 감지합니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. URL 변경 및 DOM 변경을 폴링합니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 최적화 검토
원천

주요 고객: Microsoft, IBM, HP, eBay, Yamaha, Pizza Hut 및 Atlassian이 사용합니다.

그들은 사생활에 관심이 있습니까? 그들은 이전 및 새로운 개인 정보 보호법을 고려하고 이를 제품에 통합하므로 사용자인 귀하는 규정 준수에 대해 걱정할 필요가 없습니다.

그들은 세상을 걱정합니까? 대부분의 신입 사원은 둘째 날에 지역 사회에서 자원 봉사를 위해 파견됩니다.

이 AB 테스트 소프트웨어가 작동하는 모습:

SPA A/B 테스트 도구 Optimizely 인앱 스크린샷
원천

#7: Google 최적화 도구/최적화 도구 360

SPA A/B 테스트 도구 Google 최적화
구글 최적화

가격 : 이 도구에는 2가지 버전이 있습니다. 최적화 도구는 무료이지만 고급 기능을 사용하려면 Google 최적화 도구 360을 선택해야 합니다.

최적화 도구 360의 가격은 맞춤형입니다(연간 약 150,000달러라는 소문이 있음). 월별 가격을 확인하려면 해당 영업팀에 문의할 양식을 작성해야 합니다.

계획 유형:

SPA A/B 테스트 도구 Google 최적화 가격 책정
원천

그들은 무료 평가판을 제공합니까? 예.

고객 지원을 제공합니까? 팁, 비디오 자습서, 도움말 커뮤니티 등이 포함된 리소스 허브가 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? Google 최적화 도구는 URL 또는 DOM이 변경될 때 실험 변경 사항을 자동으로 활성화하여 SPA 지원을 제공합니다.

또한 실험 변경 사항을 코드로 활성화할 수 있는 활성화 이벤트를 제공합니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. GTM을 통해 삽입할 것을 권장하는 optimize.activate를 통해.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. 연속 활성화를 활성화할 때 수행됩니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 Google 최적화 검토
원천

주요 고객: Adidas, Spotify, Eurobank 등.

그들은 사생활에 관심이 있습니까? 그들은 제품이 사용되는 국가의 해당 고객 데이터 보호법을 준수합니다.

또한 제3자 및 데이터 보호 기관과 협력하여 사용자의 데이터를 안전하게 보호합니다.

그들은 세상을 걱정합니까? Google은 2007년부터 탄소 중립을 유지해 왔으며 2030년까지 탄소를 제거할 계획입니다. 그 외에도 Google은 10억 달러를 약속하는 수많은 자선 활동으로 유명합니다.

이 분할 테스트 플랫폼이 실제로 어떻게 보이는지:

SPA A/B 테스트 도구 Google 최적화 인앱 스크린샷
원천

#8. 에이블리프트

SPA A/B 테스트 도구 Ablyft
앱리프트

가격 : 요청 시 가격 책정이 가능합니다. 그러나 5,000명의 사용자에게 제한된 테스트를 무료로 제공하고 그 후 한 달에 329달러(연간 지불하는 경우 279달러)를 제공하는 이전 문서를 찾았습니다.

계획 유형:

SPA A/B 테스트 도구 Ablyft 가격
원천

그들은 무료 평가판을 제공합니까? 예, 30일 무료 평가판으로 시작할 수 있으며 신용 카드가 필요하지 않습니다.

고객 지원을 제공합니까? 예. 기본적인 지식 기반과 라이브 채팅 옵션이 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? ABlyft는 자동 및 프로그래밍 방식 AB 테스트도 포함합니다. URL, DOM 변경 및 프로그래밍 방식 API를 통한 활성화 옵션이 있습니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예, API 기능을 통해.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예, URL과 DOM이 변경될 때.

신뢰 반경 검토 :

이 도구에 대한 Trust Radius에 대한 리뷰가 없었으므로 G2에서 리뷰를 가져왔습니다.

SPA A/B 테스트 도구 Ablyft 리뷰
원천

엘르 매거진, 바자, 인스타일의 탑 고객 .

그들은 사생활에 관심이 있습니까? 예. 주요 개인정보 보호법 및 GDPR을 준수합니다.

그들은 세상을 걱정합니까? 내가 찾을 수 있었던 것은 아닙니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 Ablyft 인앱 스크린샷
원천

#9. AB 테이스티

SPA A/B 테스트 도구 AB Tasty
AB 테이스티

가격: Essentials 플랜에 대해 400,000명의 월간 테스트 방문자에 대해 $1900/월부터 시작합니다. 그로스 플랜은 $3800/월, 엘리트 플랜은 $5700/월부터 시작합니다.

요금제 유형: 가격 및 요금제 유형에 대해서는 영업 팀에 문의해야 합니다.

그들은 무료 평가판을 제공합니까? 아니요. 새 기능을 보려면 데모 통화를 요청할 수 있습니다.

고객 지원을 제공합니까? 예. 그들은 지식 기반과 라이브 채팅을 가지고 있습니다.

SPA를 처리하기 위해 어떻게 적응합니까? AB Tasty는 특정 조건이 충족될 때 실험을 활성화할 수 있도록 하며, 이는 페이지 로드 시 또는 조건이 충족될 때까지 주기적으로 확인할 수 있습니다. 이러한 주기적 확인 조건은 URL 값, CSS 선택기를 기반으로 하는 페이지에 있는 요소, true로 반환되는 JS 조건 또는 사용자 정의 코드 및 자바스크립트 약속을 통한 프로그래밍 방식 활성화일 수 있습니다.

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. Javascript 약속을 통해 또는 주기적으로 JS 조건을 평가합니다.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 예. 주기적으로 URL 값, CSS 선택기를 통해 페이지에 있는 요소, JS 조건 또는 JS 약속을 평가할 수 있습니다.

신뢰 반경 검토 :

SPA A/B 테스팅 툴 AB Tasty 리뷰
원천

주요 고객: 디즈니, 로레알, 칼비요 등.

그들은 사생활에 관심이 있습니까? 예. 사용자 IP 주소는 ID 코드를 생성하는 데 사용되며 도구로 이동하기 전에 즉시 삭제됩니다. 아이디 코드는 익명 처리 후 13개월이 지나면 삭제됩니다.

그들은 세상을 걱정합니까? 그들은 NGO에 직접 기부하고, 사회 활동 그룹과 협력하고, 벌집을 재활용하고 후원합니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 AB Tasty 인앱 스크린샷
원천

#10. 동적 수율

SPA A/B 테스트 도구 Dynamic Yield
동적 수율

가격 : 개인화를 제공하는 다른 도구보다 평균 24% 더 높다는 것 외에 가격에 대한 정보를 찾을 수 없습니다.

계획 유형: 다시 말하지만 이에 대한 정보를 찾을 수 없습니다.

그들은 무료 평가판을 제공합니까? 예, 하지만 먼저 데모를 요청해야 합니다.

고객 지원을 제공합니까? 예. 어떤 유형? 그들은 설치에 도움이 되는 기본 지식 기반과 테스트를 가르치는 아카데미와 함께 전화 및 이메일 지원을 제공합니다.

SPA를 처리하기 위해 어떻게 적응합니까? Dynamic Yield는 MutationObserver 라는 웹 API를 활용하여 SPA를 처리합니다. 이 API는 DOM 돌연변이에 대한 후크를 제공하고 도구가 돌연변이가 발생할 때 추적할 수 있도록 합니다. API를 사용하면 도구에서 필요에 따라 실시간으로 변경 사항을 적용할 수 있습니다..

JavaScript를 통해 실험을 실행하는 기능이 있습니까? 예. 그들은 일부 오래된 JavaScript 라이브러리가 지원되지 않을 수 있다고 경고합니다.

페이지 새로 고침에 의존하지 않고 목표 트리거링을 폴링합니까? 이 기능 은 모든 SPA 이벤트에 게재 옵션을 선택하여 캠페인의 고급 설정에서 활성화해야 합니다.

신뢰 반경 검토 :

SPA A/B 테스트 도구 Dynamic Yield 검토
원천

주요 고객: Urban Outfitters, Ikea, Sephora 등.

그들은 사생활에 관심이 있습니까? Dynamic Yield는 GDPR을 완전히 준수합니다.

그들은 세상을 걱정합니까? 그들은 실제로 특정 기준을 충족하는 자선 단체에 도구를 무료로 사용할 수 있는 매우 멋진 일을 합니다. 그들은 또한 지역 사회에서 일합니다.

이 A/B 테스트 플랫폼이 작동하는 모습:

SPA A/B 테스트 도구 Dynamic Yield 스크린샷
원천

간단히 말해서: 단일 페이지 애플리케이션 A/B 테스트

그래서 당신은 그것을 가지고 있습니다.

A/B 테스트 단일 페이지 애플리케이션에 대한 전체 가이드입니다. 정의, 작동 방식, SPA 사이트 또는 웹 앱을 최적화하는 데 사용할 수 있는 상위 10개 플랫폼. 우리는 초보자를 위해 지식을 쉽게 만들었습니다. 따라서 귀하의 기술이 아직 이러한 모든 기술 용어와 일치하지 않더라도 여전히 무언가를 얻을 수 있기를 바랍니다!

각 도구에 대한 추가 정보를 원하십니까? 우리는 앞으로 5년 동안 가장 적합하다고 생각하는 최고의 도구(이 목록에 있는 도구 포함)에 대해 여러 CRO 전문가를 인터뷰했습니다. 여기에서 그들이 말하는 것을 보십시오.

단일 페이지 애플리케이션에 대한 A/B 테스트 시리즈의 파트 2를 계속 지켜봐 주시기 바랍니다. 여기에서 백엔드 측면을 살펴보고 단일 페이지 앱에서 성공적인 테스트를 실행하기 위한 몇 가지 기술 팁과 모범 사례를 공유합니다. 이틀 뒤에 나온다!

대화형 테이블 가져오기
대화형 테이블 가져오기