--- url: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/tutorials/add-forms' title: 'A/B 테스트 설정하기 | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T08:57:55+00:00' updated: '2026-10-24T09:09:48+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- 실제 페이지에서 헤드라인, 사진, 전체 섹션의 두 번째 버전을 시험합니다. 에디터에서 버전 B를 만들고 성공 기준을 정한 뒤 저장합니다. 그때부터 방문자마다 하나의 버전이 표시되며, 효과가 좋은 버전에 더 많은 방문자가 배정됩니다. 세 가지 이상 버전은 Multivariate testing에서 계속합니다. tags: - 'Volg een tutorial' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T09:09:48+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'A/B 테스트 설정하기' description: |- 실제 페이지에서 헤드라인, 사진, 전체 섹션의 두 번째 버전을 시험합니다. 에디터에서 버전 B를 만들고 성공 기준을 정한 뒤 저장합니다. 그때부터 방문자마다 하나의 버전이 표시되며, 효과가 좋은 버전에 더 많은 방문자가 배정됩니다. 세 가지 이상 버전은 Multivariate testing에서 계속합니다. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T08:57:55+0000' dateModified: '2026-10-24T09:09:48+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/tutorials/add-forms' articleSection: 'Volg een tutorial' - '@type': WebPage '@id': 'https://dxpr.com/ko/hc/documentation/learn-dxpr-builder/tutorials/add-forms' description: |- 실제 페이지에서 헤드라인, 사진, 전체 섹션의 두 번째 버전을 시험합니다. 에디터에서 버전 B를 만들고 성공 기준을 정한 뒤 저장합니다. 그때부터 방문자마다 하나의 버전이 표시되며, 효과가 좋은 버전에 더 많은 방문자가 배정됩니다. 세 가지 이상 버전은 Multivariate testing에서 계속합니다. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 홈 item: 'https://dxpr.com/ko' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: ko --- [Help Center](/ko/node/75)/[Documentation](/ko/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # A/B 테스트 설정하기. Learn DXPR BuilderBuild pagesVolg een tutorial ## In this guide Related guides - [페이지를 접근성 있게 만들기](/ko/hc/documentation/learn-dxpr-builder/tutorials/contact-page) - [Drupal Blocks](/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) 실제 페이지에서 헤드라인, 사진, 전체 섹션의 두 번째 버전을 시험합니다. 에디터에서 버전 B를 만들고 성공 기준을 정한 뒤 저장합니다. 그때부터 방문자마다 하나의 버전이 표시되며, 효과가 좋은 버전에 더 많은 방문자가 배정됩니다. 세 가지 이상 버전은 [Multivariate testing](/ko/hc/documentation/learn-dxpr-builder/integrations/multivariate-testing)에서 계속합니다. ## 시작하기 전에 - RL 모듈이 설치되어 활성화되어 있습니다. `composer require drupal/rl` 명령 뒤에 `drush en rl`을 실행합니다. - **RL: rl.php accessibility** 항목은 **Reports** > **Status report** (`/admin/reports/status`)에 있으며 "rl.php is accessible" 메시지를 표시합니다. ## 설정 1. 테스트할 요소에 마우스를 올리고 컨트롤 바에서 **More**를 클릭합니다. 2. 다음 아래에서 선택합니다. **A/B testing** 아래에서 **Create variant**를 선택합니다. 3. 다음 상태에서 변경합니다. **B** 알약이 강조 표시된 상태에서 텍스트, 사진, 레이아웃을 변경합니다. 4. 다시 **More**를 클릭하고 **Experiment settings**를 선택합니다. 5. 다음 값을 정합니다. **Conversion**을 선택하고 **Seconds**나 **CSS selector (optional)**를 설정한 뒤 **Save**를 클릭합니다. 6. 도구 모음에서 **Save**를 클릭하면 테스트가 시작됩니다. ## 표시 내용 컨트롤 바에 **A**와 **B** 알약이 표시됩니다. 알약을 클릭하면 버전을 전환합니다. B의 변경 사항은 A에 영향을 주지 않습니다. 새로 만드는 변형은 보고 있는 버전의 복사본으로 시작합니다. 방문자는 각각 하나의 버전을 봅니다. 테스트를 지켜보려면 **More**를 열고 **View A/B test results**를 선택합니다. 보고서는 새 브라우저 탭에서 열립니다. [Analysing results](/hc/documentation/learn-dxpr-builder/integrations/analyzing-results)를 참조합니다. ## 아코디언과 탭의 스마트 정렬 스마트 정렬은 모든 항목을 유지하되 순서를 바꿉니다. 방문자가 가장 많이 열거나 클릭한 항목이 맨 위로 이동합니다. 1. 해당 요소에서 클릭합니다. **Accordion**이나 **Tabs**요소에서 **More**를 클릭합니다. 2. 다음 아래에서 선택합니다. **Smart sort** 아래에서 **Enable smart sort**를 선택합니다. 요소의 컨트롤 바에 정렬 아이콘이 나타납니다. 3. 선택 사항: **Experiment settings**를 선택하고 **Open item**과 **Click on item** 사이를 전환합니다. 4. 도구 모음에서 **Save**를 클릭합니다. 항목이 둘 이상인 다른 컨테이너는 **Power user** 보기에서 스마트 정렬을 제공합니다. 중지하려면 **Disable smart sort**를 선택하고 저장합니다. 저장하면 지금까지 수집된 수치가 삭제됩니다. ## 변형 제거 1. 제거할 변형의 알약을 클릭합니다. 2. 다음을 선택합니다. **More**를 클릭하고 **Remove variant B**를 선택합니다(라벨은 활성 변형을 가리킵니다). 3. 도구 모음에서 **Save**를 클릭합니다. 저장하면 제거된 변형의 수치가 삭제됩니다. 버전이 하나만 남으면 테스트가 끝나고 데이터가 삭제됩니다. 문자는 그대로 유지됩니다. B를 제거해도 C의 이름이 바뀌지 않습니다. ## 설정 다음은 **Experiment settings** 대화 상자의 필드입니다. | 설정 | 설명 | 기본값 | |---|---|---| | **Conversion** | 성공 기준은 **Time on element**, **Time on page** 또는 **Click on element** | **Time on element** | | **Seconds** | 두 시간 기준에 대해 소요 시간. 1~60 | 10. 대화 상자에서는 5를 제안 | | **CSS selector (optional)** | 대상: **Click on element**의 경우 페이지의 다른 요소 클릭 수. 예: `#signup-form` | 비어 있음: 변형 자체 클릭 | ## Create variant가 작동하지 않는 경우 - **Create variant is greyed out and mentions the RL module.** RL 모듈이 활성화되어 있지 않습니다. Before you start에 나온 대로 설치하고 활성화합니다. - **Create variant is greyed out: "A/B test results are not being collected."** 사이트가 rl.php에 연결할 수 없습니다. 상태 보고서의 **RL: rl.php accessibility** 조언을 따릅니다. - **Create variant is greyed out: "A parent element already has A/B variants."** 테스트는 중첩할 수 없습니다. 다른 테스트를 먼저 제거하거나 그 밖의 요소를 선택합니다. - **Create variant is greyed out: "This element uses smart sort."** 하나의 요소에서는 한 종류의 테스트만 실행합니다. 먼저 **Disable smart sort**를 선택합니다. - **Drupal 블록이나 뷰에는 Create variant가 없습니다.** 블록과 뷰에는 변형을 둘 수 없습니다. 주변의 컬럼이나 섹션에 변형을 만듭니다. - **방문자에게는 항상 버전 A가 표시됩니다.** rl.php가 없으면 모든 방문자에게 첫 번째 버전이 표시됩니다. 관리자에게는 테스트가 있는 페이지에 경고가 표시됩니다. 상태 보고서의 설명대로 rl.php를 수정합니다. ## 다음 단계 [Analysing results once your test is running](/hc/documentation/learn-dxpr-builder/integrations/analyzing-results)에서 테스트 실행 후 계속 DXPR Builder를 살펴봅니다.