무료 WordPress에서 Google Optimize로 A/B 테스트하는 방법
게시 됨: 2019-01-04전자 상거래 상점이든 제휴 마케팅 블로그이든 관계없이 WordPress 사이트 유형이 중요하지 않습니다. A/B 테스트를 중단하지 않는 것이 중요합니다 ! 데이터 기반 의사 결정은 웹 사이트 또는 비즈니스를 발전시키고 경쟁에서 앞서 나가는 데 도움이 될 수 있습니다. 하지만 솔직히 말해서 A/B 테스트가 항상 쉬운 것은 아닙니다. 아니면 그냥 미루고 있었을 수도 있습니다. 글쎄, 오늘 우리는 그것을 바꿀 수 있기를 바랍니다!
아래에서는 WordPress에서 Google 최적화 도구로 A/B 테스트하는 방법에 대해 알아보겠습니다. 어떤 유형의 사이트가 있는지는 중요하지 않습니다. 이것은 전반적으로 작동합니다. 그리고 무엇보다도 무료입니다.
- A/B 테스팅이란?
- 구글 최적화
- WordPress에서 Google 최적화 도구를 설정하는 방법
- Google 최적화 도구로 A/B 테스트를 실행하는 방법
A/B 테스팅이란?
분할 테스트라고도 하는 A/B 테스트는 페이지의 요소(또는 모든 유형의 데이터)를 서로 비교하여 페이지 조회수, 페이지에 머문 시간, 전환수, 이탈률 측면에서 더 나은 실적을 결정하는 방법입니다. 요율 등. 몇 가지 예는 다음과 같습니다.
- 다양한 헤드라인을 테스트합니다.
- 새로운 방문 페이지 콘텐츠 또는 페이지 레이아웃을 시도합니다.
- 다양한 색상의 CTA 버튼을 실험합니다.
- 위젯의 CTA와 연락처 리드 양식과 같이 완전히 다른 것을 표시합니다. 깔때기 아래로 Google Analytics 판매를 추적하여 더 많은 판매로 이어지는 것을 볼 수 있습니다.
다변수 테스트와 같은 다양한 형태의 A/B 테스트가 있지만 가장 일반적인 방법은 트래픽의 50%를 페이지 A로 보내고 트래픽의 50%를 페이지 B로 보내는 것입니다. 분할 테스트라고도 합니다.
아이디어는 CTA 텍스트 또는 버튼 색상을 변경하고, 승자를 찾고, 이를 새로운 승자와 계속해서 복제하는 것과 같은 간단한 테스트로 시작하는 것입니다. 이렇게 하면 추구하는 목표가 무엇이든 더 나은 결과를 보기 시작해야 합니다.
또한 샘플 크기와 시간으로 인해 웹사이트에 A/B 테스트를 시작하기에 충분한 트래픽이 있는지 확인하는 것도 매우 중요합니다. Stephen Watts는 마케팅 테스트를 복제해야 하는 이유를 포함하여 이러한 세부 사항 중 일부를 다루는 훌륭한 기사를 가지고 있습니다.
구글 최적화
A/B 테스트와 관련하여 선택할 수 있는 다양한 도구가 있습니다. 최고의 A/B 테스트 도구에 대한 게시물에서 많은 부분을 다룹니다.
그러나 트래픽이 많은 경우 많은 트래픽이 한 달에 수백 또는 수천 달러를 쉽게 실행할 수 있습니다. 그 예산을 고품질 호스팅에 사용하는 것이 좋습니다. 많은 A/B 테스트 도구에는 아마 사용하지 않을 기능도 많이 있습니다.
훌륭한 도구는 확실히 수익을 올릴 수 있지만 무료로 시작하여 A/B 테스트가 작동하는 방식을 배우고 비즈니스에 어떤 목표를 달성할 수 있는지 알아보는 것이 유리할 수 있습니다.
Google 최적화 도구는 특히 무료이기 때문에 즉시 시작할 수 있는 훌륭한 도구라고 생각합니다. WordPress 플러그인이나 직접 통합이 없지만 일단 익숙해지면 여전히 사용하기 쉽습니다. 또 다른 보너스는 대부분의 사용자가 이미 사용하고 있는 도구인 Google Analytics와의 연계가 다른 솔루션보다 훨씬 우수하다는 것입니다. 클릭 한 번으로 Google Analytics 목표에 연결할 수 있습니다.
프리미엄 버전(Optimize 360)이 있지만 최대 5개의 동시 실험을 무료로 실행할 수 있습니다. 동시에 너무 많은 A/B 테스트를 실행하고 싶지 않기 때문에 이것으로 충분해야 합니다. 그렇지 않으면 데이터 품질이 왜곡될 수 있습니다. 우리는 Kinsta에서 무료 버전의 최적화 도구를 사용했으며 훌륭하게 작동합니다!
궁금하시다면 아래는 무료버전(Optimize)과 프리미엄버전(Optimize 360)을 비교한 자료입니다.
WordPress에서 Google 최적화 도구를 설정하는 방법
아래 단계에 따라 무료 Google 최적화 도구 계정을 설정하고 WordPress 사이트에서 구성하세요.
1 단계
가장 먼저 할 일은 Google 최적화 도구로 이동하여 "시작하기" 버튼을 클릭하여 무료 계정에 가입하는 것입니다.
중요: Google 애널리틱스 계정에 이미 연결된 Gmail 또는 Google Workspace 이메일 주소를 사용하는 것이 좋습니다.
그런 다음 데이터 권한 및 공유에 대한 몇 가지 선택적 질문과 함께 다음 단계를 따르십시오.
2 단계
다음으로 Google 애널리틱스 속성을 연결해야 합니다. 오른쪽에서 "링크 속성"을 클릭합니다.
3단계
그러면 Google 애널리틱스 속성이 표시됩니다. Gmail에 여러 속성이 연결된 경우 Google 최적화 도구와 함께 사용할 속성을 선택해야 합니다. 그런 다음 "링크"를 클릭하십시오.
4단계
그런 다음 "조각 가져오기"를 클릭합니다.
5단계
이제 Google 최적화 도구 컨테이너 ID로 Google 애널리틱스 코드를 수정할 차례입니다. 여기서 언급할 몇 가지 중요한 사항이 있습니다.
- 현재 사이트에 Google Analytics가 설치되어 있는 경우
</head>태그 앞의 사이트 헤더에 있어야 합니다 . 일반적으로 바닥글에 배치하는 것은 괜찮지만 이 경우 헤더에서 스크립트를 실행하지 않으면 페이지 로드 시 눈에 띄는 흰색 플래시가 발생합니다. DOM이 로드되는 즉시 스크립트가 실행되어야 하기 때문입니다. WordPress 플러그인을 사용하는 경우 대부분 스크립트의 머리글 또는 바닥글 배치를 선택하는 옵션이 있습니다. - 최적화 도구 스니펫은 다음과 같이 표시됩니다.
ga('require', 'GTM-XXXXXXX');여기에는 최적화 도구 컨테이너 ID가 포함됩니다. 전체 스크립트를 다시 추가하지 않고 이를 포함하도록 현재 Google Analytics 스크립트를 수정하기만 하면 됩니다.
Google Analytics 추적 스크립트를 수동으로 설치한 경우 제공되는 예제와 같이 추가하기만 하면 됩니다. 그러나 현재 Google Analytics WordPress 플러그인을 사용 중인 경우 몇 가지 사항을 변경해야 할 수 있습니다.
먼저 Google 애널리틱스 WordPress 플러그인이 이미 Google 최적화 도구를 지원하는지 또는 사용자 정의 코드를 추가하는지 확인해야 합니다. 다음은 이미 Google 최적화 도구를 지원하거나 플러그인 설정에 코드를 추가할 수 있는 몇 가지 WordPress 플러그인입니다.
- WP용 Google 애널리틱스 대시보드: 플러그인 설정의 통합에서 최적화 도구 컨테이너 ID를 추가하는 옵션이 있습니다.
- GA Google Analytics: 플러그인 설정에 최적화 코드를 추가하는 옵션이 있습니다.
참고: Google 태그 관리자를 사용하여 Google 애널리틱스를 배포하는 경우 옵티마이저를 계속 설치할 수 있지만 지연 시간이 추가될 수 있으며 Google에서도 권장하지 않습니다. 성능 측면에서 스크립트가 작동하는 방식으로 인해 페이지에 직접 최적화 도구를 배포하는 것이 좋습니다(대부분의 WordPress 플러그인이 수행하는 작업).
다음은 WP 플러그인용 Google 애널리틱스 대시보드를 사용한 예입니다. 통합 탭에서 "최적화 추적 활성화"하고 컨테이너 ID를 입력할 수 있습니다.
코드가 준비되면 Google Optimize 마법사에서 "다음"을 다시 클릭하십시오.
6단계
Google 최적화 도구가 처음 출시되었을 때 몇 가지 성능 문제가 있었고 페이지 로드 시 페이지 깜박임을 줄이기 위해 페이지 숨김 스니펫을 만들었습니다. 페이지 숨김 스니펫을 추가하려면 Analytics 추적 코드 바로 앞에 추가 코드를 추가해야 합니다.
그러나 우리는 이것이 더 이상 항상 필요하지 않다는 것을 최근에 발견했습니다. 사이트가 이미 상당히 빠르면 문제가 없을 것입니다. 더 이상 페이지 숨김 스니펫을 사용하지 않고 항상 테스트를 실행합니다.
그러나 사이트마다 다르기 때문에 문제가 발생하면 페이지 숨김 스니펫 코드로 Analytics 스크립트를 추가로 수정해야 할 수 있습니다. 기본적으로 4000ms async-hide 시간을 수정할 수도 있습니다. 위의 플러그인과 같은 일부 플러그인에는 페이지 숨기기 지원을 활성화하는 쉬운 토글이 있습니다.
"완료"를 클릭하면 WordPress 사이트를 사용할 준비가 됩니다.
Google 최적화 도구로 A/B 테스트를 실행하는 방법
이제 재미있는 부분은 Google 최적화 도구에서 첫 번째 A/B 테스트를 만드는 것입니다.
1 단계
Google Optimize 대시보드에서 "Let's Go"를 클릭하여 새로운 A/B 테스트 또는 실험이라고 부르는 것을 만듭니다.
트래픽을 1000% 이상 증가시킨 방법을 알고 싶으십니까?
WordPress 내부자 팁이 포함된 주간 뉴스레터를 받는 20,000명 이상의 다른 사람들과 함께하십시오!
2 단계
다음 예에서는 작동 방식을 쉽게 볼 수 있도록 간단한 CTA 버튼 색상 변경 A/B 테스트를 수행합니다. 기본적으로 WordPress 사이트의 HTML 또는 CSS 요소는 Google 최적화 도구에서 변경할 수 있습니다.
따라서 테스트 이름을 선택하고 경험에 대한 코드를 편집할 URL을 입력합니다. 이 예에서는 CTA 버튼의 버튼 색상을 변경하여 문의 페이지로 더 많은 트래픽을 유도하는 버튼을 확인하려고 합니다. 우리는 또한 경험 유형에 대해 A/B 테스트를 선택합니다. 그런 다음 "만들기"를 클릭합니다.
보시다시피 Google 최적화 도구는 A/B 테스트 외에 탐색할 수 있는 다른 유형의 실험도 지원합니다.
- 다변수 테스트: 두 개 이상의 서로 다른 섹션이 있는 변형 테스트.
- 리디렉션 테스트: 다른 URL 또는 경로로 식별되는 별도의 웹 페이지를 테스트합니다.
- 개인화: 타겟 방문자를 위해 페이지를 개인화하십시오.
3단계
기본적으로 Google 최적화 도구는 실험을 위해 위에서 선택한 편집기 페이지를 원본 변형으로 사용합니다. 그런 다음 두 번째 변형을 생성해야 합니다. "변형 만들기"를 클릭합니다.
4단계
나중에 쉽게 알아볼 수 있는 이름을 변형에 지정합니다. 다른 버튼 색상을 테스트 중이므로 Red Button이라는 이름을 지정합니다. 그런 다음 "완료"를 클릭합니다.
5단계
그런 다음 기본적으로 원본의 복사본을 생성하기 때문에 변형을 변경해야 합니다. 빨간색으로 표시된 "0개의 변경 사항"을 클릭합니다.
6단계
Google 크롬 확장 프로그램 사용에 대한 경고가 표시될 것입니다. 최고의 편집 및 미리보기 기능을 사용하려면 무료 Google 크롬 최적화 도구 확장 프로그램을 설치하는 것이 좋습니다.
그러면 Google 최적화 도구 편집기가 표시됩니다. 꽤 강력합니다! 말 그대로 페이지에서 무엇이든 변경할 수 있습니다.
이 예에서는 파란색과 빨간색 버튼의 두 가지 색상을 사용하여 문의 페이지를 클릭한 결과를 테스트하고 있습니다. 궁금한 점이 있으면 버튼에 Shortcodes Ultimate 플러그인을 사용하고 있습니다.
그래서 먼저 버튼의 색상을 변경하고 싶습니다. 이렇게 하려면 요소(이 경우에는 버튼)를 클릭하고 해당 CSS 속성을 편집하면 됩니다. 색상 선택 도구도 있습니다. 원하는 경우 CSS 또는 HTML을 직접 편집할 수 있습니다.
우리가 변경하는 다른 것은 버튼의 URL입니다.
- 원본 버튼은
https://editwp.com/contact-us/?button-test- blue에 연결되어 있습니다. - 변형 버튼은
https://editwp.com/contact-us/?button-test- red를 가리킵니다.
우리는 왜 이것을 했는가? 그러면 Google Analytics에서 언제든지 검색하여 버튼 유형에 따라 등록된 페이지 보기 수를 확인할 수 있습니다. 내부 사이트에서 UTM 매개변수를 사용 해서는 안 되지만 위에서 했던 것처럼 URL에 추가하는 것은 괜찮습니다. 이렇게 하면 언제든지 탐색할 수 있는 추가 데이터가 제공됩니다.
편집이 완료되면 오른쪽 상단의 "변경 사항 저장" 및 "완료"를 클릭할 수 있습니다. 그런 다음 "웹 미리보기"를 클릭하여 어떻게 보이는지 확인할 수 있습니다.
아래는 테스트 설정 방법입니다. 모든 것이 WordPress가 아닌 Google Optimize 편집기를 사용하여 변경되었음을 기억하십시오.
A/B 원본 변형
원래 변형에는 트래픽의 50%가 이동하는 파란색 버튼 이 있습니다. 버튼 링크는 문의 양식( https://editwp.com/contact-us/?button-test- blue )을 가리킵니다.
A/B 레드 버튼 변형
다른 변형에는 트래픽의 50%가 이동하는 빨간색 버튼 이 있습니다. 버튼 링크는 문의 양식( https://editwp.com/contact-us/?button-test- red )을 가리킵니다.
7단계
다음 단계는 목표를 추가하는 것입니다. 이것이 목표 또는 테스트하려는 것입니다. 기본적으로 타겟팅은 50% 트래픽 분할로 설정되어 있으므로 그대로 둘 수 있습니다. 나중에 추가한 이유를 쉽게 알 수 있도록 목표에 간단한 설명을 제공하는 것이 좋습니다. 때로는 몇 달 동안 테스트를 실행할 수 있으므로 나중에 인식할 수 있는 항목을 추가해야 합니다. 그런 다음 "실험 목표 추가"를 클릭합니다.
8단계
이미 Google Analytics 또는 전자상거래 추적에서 목표 및 이벤트를 사용하고 있는 경우 여기에 나열됩니다. 이것은 최적화 도구와 Google 애널리틱스의 직접적인 통합에 대한 정말 멋진 점 중 하나입니다. 대부분의 사람들은 실험에 쉽게 연결할 수 있는 전환 목표, 문의 양식 목표 등이 이미 구성되어 있을 것입니다. 그러나 이 예에서는 사용자 정의를 만들 것입니다.
9단계
페이지뷰를 목표 유형으로 사용하고 문의하기 페이지( /contact-us/button-test 시작하는 모든 항목을 선택합니다.
Google Analytics에서 전자상거래 추적을 설정한 경우 거래 및 수익과 같은 항목에 대한 추가 목표를 추가할 수도 있습니다. 이것은 그것이 정말로 강력해지는 곳 입니다! 예를 들어 특정 색상 버튼이 생성한 수익을 확인할 수 있습니다. 클릭부터 판매까지.
10단계
마지막으로 모든 것을 저장했으면 "실험 시작"을 클릭할 수 있습니다. 그런 다음 실험에서 지정한 위치에서 트래픽 분할 테스트를 즉시 시작합니다. 타겟팅 옵션을 사용하여 사이트 전체 실험을 쉽게 설정할 수도 있습니다.
그런 다음 편안히 앉아서 Google 최적화 도구가 그 일을 하도록 할 수 있습니다. 일반적으로 1~2주가 소요됩니다. 자동으로 승자를 분석합니다. 그런 다음 어떤 변형이 최상의 결과를 생성했는지 확인할 수 있습니다. 다음은 아래 보고서의 예입니다.
요약
마케팅에 관해서는 가정이 적을수록 좋습니다. 당신은 원래 최악의 성과를 낼 것이라고 생각했던 승자를 찾게 될 것이고 그 반대의 경우도 마찬가지입니다.
무료 도구의 경우 Google 최적화 도구에는 많은 기능이 있습니다! 버튼, 위젯 등 생각할 수 있는 모든 것을 변경할 수 있습니다. 그런 다음 결과를 쉽게 모니터링하여 어느 것이 더 잘 수행되는지 확인합니다. 페이지 조회수, 거래 데이터, 버튼 색상 변경으로 발생한 수익까지 추적합니다. 게임을 하면 할수록 A/B 테스트를 중단해서는 안 되는 이유를 깨닫게 됩니다. 승자를 찾은 다음 다시 테스트하십시오.
WordPress 사이트에서 아직 Google 최적화 도구를 사용해 보셨습니까? 그렇다면 아래 의견에서 귀하의 생각을 듣고 싶습니다.