구글 옵티마이즈 서비스 종료
2023년, 갑작스러운 종료 소식이 전해졌습니다. 많은 마케터와 개발자가 활발히 사용하던 Google Optimize가 종료되면서, A/B 테스트를 적극 활용하던 기업들의 UX 최적화에 차질이 생겼습니다.
구글 옵티마이즈는 코드 수정 없이 웹사이트 성능을 테스트하고 최적화할 수 있어 다양한 웹사이트에서 활용되어 왔습니다. 그러나 영원한 도구는 없는 법입니다. Google Optimize의 종료로 이제 새로운 대안을 찾아야 할 시기입니다.
구글 옵티마이즈가 종료된 이유
구글 옵티마이즈는 별도의 개발자 없이도 A/B 테스트를 진행할 수 있는 도구였습니다. 실제로 현업에서 많이 사용되었으며, 유입 고객의 비중을 다양하게 설정할 수 있었고 설정해 둔 이벤트 값을 기준으로 전환율 차이를 확인할 수 있었습니다.
이미 많은 고객이 방문하는 사이트는 버튼 하나만 바꿔도 전환율에 차이가 날 수 있습니다. 그래서 새로운 시도를 결정할 때 리스크를 줄여 준다는 점에서 필수적이라는 평을 들었던 A/B 테스트 도구였습니다.
위는 2021년에 실제로 활용한 데이터입니다. 당시 리뷰 콘텐츠를 운영 중이었는데, 순서만 바꾸어도 방문 고객의 전환율이 1% 가까이 차이 나기도 했습니다.
그런데 구글은 2023년, 구글 옵티마이즈와 GA360 서비스를 갑작스럽게 중단한다고 발표했습니다. 이로 인해 마케팅과 UX 최적화를 진행하던 기업들의 타격이 적지 않았습니다. 이유가 명확히 밝혀지지는 않았지만, Google Analytics 4(GA4)로 전환하는 과정에서 테스트 및 최적화 기능이 점차 통합될 가능성이 크다는 점이 주요 원인으로 꼽힙니다.
구글 옵티마이즈의 대안은?
구글 옵티마이즈를 사용하던 분들은 이제 A/B 테스트와 사이트 최적화를 위한 대체 도구를 찾아야 합니다. 그런데 이용 가격이 생각보다 비싼 편이라, 모수 기반 A/B 테스트를 기간 기반 A/B 테스트로 전환하는 분들이 많아졌습니다.
그렇습니다. 구글은 엄청난 가치의 서비스를 무료로 제공하고 있었던 것입니다. 국내외에서 다양한 도구가 제공되는데, 해외는 SaaS 기반으로, 국내는 컨설팅과 제안 형태로 운영되고 있습니다.
1) 해외 A/B 테스트 도구
(1) AB Tasty
https://www.abtasty.com/
- 특징 :
이커머스 팀을 위한 세밀한 최적화 기능을 제공하며, 직관적인 UI/UX로 사용하기 편하다는 의견이 많습니다.
- 가격 :
Starter : 10,000회 테스트까지 무료
Growth: 월 1,299달러부터
Scale: 월 2,999달러부터
Enterprise: 맞춤형 가격
(2) Optimizely
- 특징 :
범용성이 높은 편입니다. A/B 테스트 외에도 콘텐츠 마케팅과 CMS 기능 등을 제공합니다.
- 가격 :
Basic : 월 1,299달러부터
Pro: 월 2,999달러부터
Enterprise: 맞춤형 가격
(3) VWO (Visual Website Optimizer)
- 특징 :
고객 만족도가 높은 편으로 알려져 있습니다. 가격 메리트가 있어 중소기업부터 중견기업까지 선호하는 편입니다.
- 가격 :
Starter: 월 999달러부터
Professional: 월 2,499달러부터
Enterprise: 맞춤형 가격
2) 국내 A/B 테스트 도구
(1) 뷰저블
- 특징 :
뷰저블은 UX 히트맵이라는 시각화 대시보드를 중심으로 운영되는 서비스이며, 비교적 저렴한 가격대로 형성되어 있습니다. 무엇보다 무료 체험 기간을 제공하므로, 사용성을 직접 경험한 뒤 의사결정을 할 수 있습니다.
- 가격 :
Free Trial: 10,000PV까지 14일 무료
SaaS: 50,000PV 기준 월 6만 원부터
Enterprise: 1,000,000PV 기준 월 100만 원부터
(2) 플러스제로
- 특징 :
플러스제로는 GA4와 대시보드 등 다양한 도구를 활용한 컨설팅을 중심으로 사업을 운영하는 기업이며, A/B 테스트를 자체 개발해 컨설팅 서비스와 함께 제공하고 있습니다.
- 가격 :
정확한 비용은 공개되어 있지 않습니다.
무료로 A/B 테스트할 수 있는 대안은?
구글 옵티마이즈 종료 후 시장에 나온 A/B 테스트 서비스들은 금액이 생각보다 높은 편이라, 자금 여력이 부족한 스타트업에게는 이용이 망설여지는 것이 현실입니다.
https://tagmanager.google.com/
현재로서는 구글 태그매니저(GTM)를 활용하는 방법이 있습니다. GTM은 코드 변경 없이 웹사이트에 다양한 태그를 삽입하고 관리할 수 있는 도구이므로, A/B 테스트에도 활용할 수 있습니다. 상세한 방법을 안내해 드리겠습니다.
* 이 과정을 진행하기 전, GA4와 GTM을 먼저 연동해 두어야 합니다.
1) GA4 이벤트 / 파라미터 이해
GA4에서는 이벤트 이름을 먼저 정의하고, 그 안에 추가로 파라미터(parameters) 값을 지정하는 방식으로 이루어집니다. 이를 활용하면 데이터를 더 세부적으로 분석할 수 있습니다. A/B 테스트를 GA4로 추적하려면, 각 이벤트에 필요한 파라미터를 설정해야 합니다.
- 이벤트 이름: 사용자의 전환을 수집할 행동을 설정. 예: test_purchase_click.
- 파라미터: 이벤트와 함께 수집되는 추가 정보. 예: test_group (A 또는 B 버전), button_color, page_version 등.
2) 사용자 기반 그룹핑
이벤트는 사이트당 한 번 수집이 원칙이므로, 이벤트를 통해 A/B 테스트를 진행하기보다는 사용자 고유의 값을 활용해 A/B 그룹을 나누는 편이 더 정확한 데이터를 얻을 수 있습니다.
우선 각 사용자를 무작위로 A/B 그룹에 할당한 뒤, 그 정보를 브라우저 쿠키, 로컬 스토리지 또는 서버 측 데이터베이스에 저장하는 과정을 코드로 구현하고 GTM에 변수를 설정해야 합니다.
이렇게 하면 사용자가 사이트를 이용하는 동안 동일한 그룹에 유지되어 최종 전환율을 측정할 수 있습니다. 아래 코드를 홈페이지에 삽입하거나, GTM의 Custom HTML 태그를 활용해 실행합니다.
function getABTestGroup() {
// 기존에 할당된 그룹이 있는지 확인
var testGroup = localStorage.getItem('abTestGroup');if (!testGroup) {
// 그룹이 없다면 랜덤으로 A 또는 B 할당
testGroup = Math.random() < 0.5 ? 'A' : 'B';
// 그룹 정보를 로컬 스토리지에 저장
localStorage.setItem('abTestGroup', testGroup);
}return testGroup;
}
3) 변수 설정 및 트리거 설정
구글 태그매니저에서 위의 'getABTestGroup()' 함수를 GTM의 맞춤 JavaScript 변수로 설정합니다. 이렇게 하면 GTM에서 이 변수로 각 그룹을 구분해 맞춤 태그를 실행할 수 있습니다.
맞춤 JavaScript 변수 설정
(1) GTM에 로그인한 뒤, 컨테이너에서 변수(Variables) 메뉴로 이동합니다.
(2) 사용자 정의 변수에서 새로 만들기를 클릭한 후 맞춤 자바스크립트(Custom JavaScript)를 선택합니다.
(3) 위의 getABTestGroup() 함수를 변수로 추가하고 저장합니다.
트리거 설정
(1) 각 사용자 그룹(A 또는 B)에 맞게 맞춤 태그를 실행하도록 새 트리거를 설정합니다.
(2) DOM 사용 가능을 기준으로 버전 A 트리거는 {{getABTestGroup}} == 'A' 로 설정하고, A 그룹으로 저장합니다.
(3) 버전 B 트리거도 마찬가지로 {{getABTestGroup}} == 'B' 로 설정해 B 그룹의 트리거를 지정합니다.
이렇게 트리거를 설정하면 A와 B 그룹별로 테스트 코드를 작동시킬 수 있는 환경이 완성됩니다.
4) 트리거별 맞춤 HTML 태그 삽입
마무리 단계로 사이트 내용을 변경해야 합니다. 이는 GTM의 커스텀 HTML로 가능합니다. GTM에서 새 태그(New Tag)를 생성합니다. 저는 개인적으로 자바스크립트를 활용하는 편이며, 버튼 하나를 숨김 처리하는 예시를 들어 보겠습니다.
function modifyButtons() {
var testGroup = localStorage.getItem('abTestGroup');if (testGroup === 'B') { // B 그룹에서는 특정 버튼을 숨김 var secondButton = document.querySelector('.button-class-2'); // 두 번째 버튼의 클래스명
if (secondButton) {
secondButton.style.display = 'none'; // 버튼 숨기기
}
}
}
맞춤 HTML 태그 설정하기
(1) 태그 유형으로 Custom HTML을 선택합니다.
(2) 위 modifyButtons 함수를 입력합니다.
(3) 트리거 설정에서 {{abTestGroup}} == 'B' 조건에 맞는 트리거를 설정합니다.
(4) 태그를 저장하고, B 그룹에 속한 사용자만 이 스크립트를 실행하도록 설정합니다.
이후 GTM의 미리보기(Preview) 모드로 테스트가 잘 작동하는지 확인하면 마무리됩니다. A 그룹과 B 그룹으로 어떻게 할당되었는지, 자바스크립트가 잘 작동하는지 확인한 뒤 배포하면 됩니다.
오늘은 구글 옵티마이즈의 종료와 그 대안 도구, 그리고 무료로 태그매니저를 활용해 A/B 테스트를 진행하는 방법을 알아보았습니다.
UX 분석의 중요성이 더욱 커지는 요즘, 내부 인적 리소스에 여유가 있다면 직접 GTM으로 A/B 테스트를 진행하거나, 외부 도구를 활용해 사이트 전환율을 적극적으로 개선해 나가는 것이 중요합니다.
버튼 하나의 변화가 생각보다 큰 매출 변화를 만들어 낼 수 있습니다. A/B 테스트는 꾸준히 진행하면 좋은 성과로 이어집니다.
저자소개
Joshua: 대표 SEO 컨설턴트
- SEO만으로 무비용 연 수익 12억 구조 세팅 - SEO만으로 7,000억 딜 수주 - 저비용 / 고효율 마케팅 전문가 전) 금융사 마케팅 리드 현) SEO·GEO 에이전시 238LAB 운영 이력) 국내 1위 AI 커뮤니티 등 SEO 컨설팅 다수 진행
