A/B 테스트 실험 설정하기 Level 1 - BizSpring BLOG
핵심 요약
- GrowthBook 툴을 활용해 A/B 테스트 실험을 설정하는 기본 방법을 소개하는 글이다.
- A/B 테스트는 리서치, 가설 수립, A/B안 설정, 실험 진행, 분석 및 의사결정 5단계로 진행된다.
- GrowthBook에서 실험 이름, 태그, 가설을 입력하고 A안·B안 노출 비중을 설정하는 절차를 설명한다.
- Visual Editor를 활용해 HTML DOM 요소를 직접 클릭·수정하여 B안을 만드는 방법을 안내한다.
- 실험 시작 후 시크릿 모드와 일반 모드에서 각각 A안과 B안이 정상 노출되는지 확인하는 과정을 다룬다.
# A/B 테스트 실험 설정하기 Level 1
2024년 09월 10일 2024년 09월 10일
테크
이번 포스팅에서는 GrowthBook 이란 A/B 테스트 툴의 간단한 사용법을 소개하려고 합니다.
우선 툴의 사용법을 알아보기 전에 A/B 테스트란 무엇인지 살펴보도록 하겠습니다. A/B 테스트란 원본 A안과 특정 요소를 변형한 B안을 비교해 어느 것이 더 나은 성과를 보이는지 측정하는 실험으로 정의할 수 있으며, 보통 아래와 같은 단계로 실험이 진행됩니다.
그림1. A/B 테스트 실험 진행 단계 예시 (출처 : https://www.quora.com 홈페이지 내용 중)
Step 1) 리서치 (현재 기준 성과 측정, 문제점 파악) Step 2) 가설 수립 Step 3) A안과 B안 설정 Step 4) A/B 테스트 진행 Step 5) 분석 및 의사결정
그럼, 이제 위 단계 중 Step 3) A안과 B안 설정을 GrowthBook 에서 어떻게 설정해야 하는지 그 방법에 대해 알아보겠습니다.
A안과 B안 설정을 위해서는 A/B 테스트 실험 세팅 환경 구성이 먼저 되어 있어야 하겠지요? A/B 테스트 실험 설정을 위한 환경 구성 먼저 하도록 하겠습니다.
Step 1. GrowthBook 홈페이지 접속 및 로그인 Step 2. 좌측 메뉴 영역에서 [Experiments] > [Add Experiment] 클릭 Step 3. [Design a New Experiment] 클릭
그림2-1. A/B 테스트 실험 환경 구성 – 실험 생성 진행 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
Step 4. 실험 이름과 태그 및 실험 목표와 예상 결과 입력 ※ Tags(optional) : 실험을 카테고리화하고 검색하거나 필터링하는데 사용 Hypothesis(optional) : 실험의 목표와 예상 결과 설명
그림2-2. A/B 테스트 실험 환경 구성 – 실험 관련 정보 입력 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
Step 5. 원본과 수정 안 노출 비중 설정
그림2-3. A/B 테스트 실험 환경 구성 – A안 B안 노출 비중 설정 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
Step 6. [Visual Editor] 클릭
그림2-4. A/B 테스트 실험 환경 구성 – Visual Editor 활성화 설정 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
Step 7. A/B 테스트 실험을 설정할 대상의 웹 페이지 URL 입력 후 [Open Visual Editor] 클릭
그림2-5. A/B 테스트 실험 환경 구성 – Visual Editor 활성화 설정 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
이제 A/B 테스트 실험 설정을 위한 환경 구성이 완료되었습니다.
그림2-6. A/B 테스트 실험 환경 구성 – Visual Editor 활성화 완료 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
다음으로는 Visual Editor 상에서 HTML 특정 DOM 요소에 설정된 값을 수정해 보겠습니다. 먼저 Visual Editor 상에 노출되어 있는 우측 상단 툴 박스에서 연필 모양이 선택되어 있는지 확인합니다. (참고로 툴 박스에서 Variation 1 은 B안 수정을 의미합니다.) 그다음 수정할 대상을 클릭 합니다. 저는 메인 페이지의 제목을 수정하겠습니다.
그림3-1. A/B 테스트 실험 설정 – 수정할 DOM 요소 선택 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
수정할 대상을 클릭하면 툴 박스 Inner HTML 영역의 Input 박스에서 값을 수정할 수 있는데요. 값 수정 후 체크 버튼을 클릭하면 수정 사항이 B안에 반영됩니다.
그림3-2. A/B 테스트 실험 설정 – 선택된 DOM 요소 값 수정 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
이제 마지막으로 실제로 실험을 반영(실행)하여 원본과 수정안이 노출되는지 확인해 보겠습니다. 툴 박스에 포함된 [Back to GrowthBook] 버튼을 클릭하여 이전 페이지(GrowthBook 실험 설정 화면)로 이동합니다. 그다음 실험 반영을 위해 해당 페이지 우측 상단 [start Experiment] 버튼을 클릭하여 실험을 시작합니다.
그림3-3. A/B 테스트 실험 설정 내역 반영 진행 화면 예시 (출처 : GrowthBook A/B 테스트 툴 화면)
그럼 실험 설정이 잘 반영되어 동작하는지 확인해볼까요? 먼저 크롬 브라우저 시크릿 모드에서 확인했을 때는 원본(A안)이 노출됨을 확인 할 수 있습니다.
그림4-1. A/B 테스트 실험 진행 중 A안 노출 화면 예시 (출처 : 테스트 전용 카페24 개인 쇼핑몰)
그다음 일반 모드에서 수정안(B안)도 노출됨을 확인 수 있습니다.
그림4-2. A/B 테스트 실험 진행 중 B안 노출 화면 예시 (출처 : 테스트 전용 카페24 개인 쇼핑몰)
이상으로, A/B 테스트 툴을 사용하여 홈페이지 메인 페이지에 간단한 실험을 설정하는 방법에 대해 함께 알아보았습니다. 다음 A/B 테스트 실험 설정 관련 포스팅에서는 특정 Audience 를 대상으로 한 A/B 테스트 실험 설정 방법에 대해 함께 알아보도록 하겠습니다.
Related Posts via Categories
구글애즈가 정확검색·구문검색 키워드까지 AI 모드에 노출하기 시작했다 — 자동화 상품 없이 AI 답변 화면에 들어가는 첫 실험
AI가 React 앱을 직접 디버깅 – Agent 기반 디버깅
ChatGPT 광고가 픽셀·전환 API·맞춤 오디언스를 갖췄다 — 답변 화면이 측정 가능한 광고 매체가 되는 순간
AI 시대, 데이터도 설명이 필요합니다
MCP 클라이언트는 Authorization Server를 어떻게 찾는가: 공식 MCP TypeScript SDK와 VS Code 구현 비교
RAG 시대의 GEO: AI가 콘텐츠를 읽는 방식과 스키마의 진짜 역할
AI 에이전트로 웹 데이터 수집 가능 여부 자동 검증하기
GA4 Intraday 실시간 테이블, 대시보드 원천 데이터로 바로 사용할 수 있을까?
워크플로우 오케스트레이션 플랫폼 Temporal 알아보기
iOS 14.5부터 GA4까지, 환경 변화가 가져온 업무 폭증을 해결하는 실무 전략은…?
다음에 대해 검색하기...
최신 글 둘러보기
기존 SEO와 무엇이 같고 무엇이 다른가
콘텐츠가 답인 걸 모르는 사람은 없습니다 — 문제는 지속입니다
광고비를 늘리지 않고 매출을 늘린 회사들은 무엇을 했나
코호트로 비교하면 광고 예산 판단이 달라집니다
GEO를 위한 글쓰기를 위한 작은 노하우
(해외동향) 광고주가 광고플랫폼 리포트에서 자체 측정으로 옮겨가고 있다.
구글애즈가 정확검색·구문검색 키워드까지 AI 모드에 노출하기 시작했다 — 자동화 상품 없이 AI 답변 화면에 들어가는 첫 실험
AI가 React 앱을 직접 디버깅 – Agent 기반 디버깅
ChatGPT 광고가 픽셀·전환 API·맞춤 오디언스를 갖췄다 — 답변 화면이 측정 가능한 광고 매체가 되는 순간
마케팅 자동화, 무엇부터 자동화해야 할까?
출처: https://blog.bizspring.co.kr/%ed%85%8c%ed%81%ac/ab-%ed%85%8c%ec%8a%a4%ed%8a%b8-%ec%8b%a4%ed%97%98-%ec%84%a4%ec%a0%95%ed%95%98%ea%b8%b0-level-1/
자주 묻는 질문
A/B 테스트는 어떤 절차로 진행되나요?
리서치(현재 성과 측정 및 문제점 파악), 가설 수립, A안과 B안 설정, A/B 테스트 진행, 분석 및 의사결정의 5단계로 진행됩니다.
GrowthBook에서 실험을 새로 만들려면 어떻게 해야 하나요?
GrowthBook에 로그인 후 좌측 메뉴에서 [Experiments] > [Add Experiment]를 클릭하고, [Design a New Experiment]를 선택하면 실험 생성이 시작됩니다. 이후 실험 이름, 태그, 가설(Hypothesis)을 입력합니다.
B안(수정안)은 어떻게 만드나요?
Visual Editor를 활성화한 뒤 실험 대상 웹페이지 URL을 입력하고 Open Visual Editor를 클릭합니다. 이후 툴 박스에서 연필 모양을 선택해 수정할 DOM 요소를 클릭하고, Inner HTML 입력 박스에서 값을 수정한 뒤 체크 버튼을 누르면 B안에 반영됩니다.
실험이 제대로 반영됐는지는 어떻게 확인하나요?
GrowthBook 실험 설정 화면에서 [start Experiment] 버튼을 눌러 실험을 시작한 후, 크롬 시크릿 모드와 일반 모드로 각각 접속해 A안과 B안이 노출되는지 확인하면 됩니다.
다음 포스팅에서는 어떤 내용을 다루나요?
특정 Audience를 대상으로 한 A/B 테스트 실험 설정 방법에 대해 다룰 예정이라고 안내하고 있습니다.