서버 측 실험

Google 최적화 도구 실험의 표준 구현에서는 브라우저가 웹페이지에서 자바스크립트를 실행하여 게재할 대안을 결정합니다. 이러한 실험은 구현하기 쉽지만 렌더링된 웹페이지 내 요소의 스타일 또는 위치 변경 등 클라이언트 측 변경으로 제한됩니다.

서버 측 실험의 코드는 클라이언트 측 실험에서 최적화 도구가 처리하는 모든 작업을 수행해야 합니다. 예를 들어 코드는 잠재고객을 타겟팅하고 각 사용자에게 적절한 대안을 일관되게 게재해야 합니다. 최적화 도구 인터페이스만을 사용하여 실험을 만들고, 목표를 설정하고, 대안을 만들고, 보고서를 확인해야 합니다.

이 문서에서는 최적화 도구를 사용하여 서버 또는 기타 인터넷에 연결된 기기에서 실행되는 실험에 대해 보고하는 방법을 설명합니다. 사이트에 추가한 애널리틱스 측정 코드를 기준으로 다음 옵션 중에서 선택하세요.

Google 애널리틱스 4(gtag.js) 유니버설 애널리틱스(gtag.js) 유니버설 애널리틱스(analytics.js)

참고: 서버 측 실험은 설치된 컨테이너와 설치되지 않은 컨테이너에서 모두에서 실행할 수 있습니다.

웹페이지의 대안에 대해 서버 측 실험을 실행하는 방법은 다음과 같습니다.

1. 최적화 도구에서 실험을 만듭니다.
2. 실험 목표를 설정합니다.
3. 실험 타겟팅을 설정합니다.
4. 대안을 만듭니다.
5. 실험을 시작합니다.
6. 실험 ID를 가져옵니다.

실험이 실행되면 다음 단계를 따르세요.

1. 실험 ID를 설정하고 서버에서 대안을 선택합니다.
2. 대안에 Google 애널리틱스 측정 코드를 추가합니다.

최적화 도구에서 실험 만들기

이 방법을 사용하면 A/B 테스트나 다변수 테스트(MVT)를 만들고 실행할 수 있습니다.

A/B 테스트를 만들려면 다음 단계를 따르세요.

1. 최적화 도구 계정을 엽니다.
2. 컨테이너를 선택합니다.
3. 실험 환경 만들기를 클릭합니다.
4. 실험 이름을 입력합니다.
5. URL 필드는 여기에서 무시됩니다. 웹사이트에 존재하지 않는 자리표시자 URL을 입력합니다.
6. A/B 테스트를 선택합니다.
7. 만들기를 클릭합니다.

실험 목표 설정하기

목표를 사용하여 실험 결과를 측정할 수 있습니다.

1. 실험 페이지의 측정 및 목표 아래에서 실험 목표 추가를 클릭합니다.
2. 드롭다운 목록에서 기본 목표를 선택합니다.

실험 타겟팅 설정하기

서버 측 코드는 실험 타겟팅을 처리하므로 여기에 입력한 정보는 최적화 도구에서 사용되지 않습니다. 다만 최적화 도구에 대해 URL 규칙을 설정해야 합니다.

실험 타겟팅을 설정하려면 다음 단계를 따르세요.

1. 실험 페이지의 타겟팅 및 대안에서 대안 추가를 클릭합니다.
2. 대안 이름(예: 대안 1)을 입력하고 완료를 클릭합니다.
3. 페이지 타겟팅에서 + URL 규칙 추가를 클릭합니다.
4. 같음 일치 유형을 선택하고 값에 SERVER_SIDE를 입력합니다. 'http' 또는 'https'로 시작하는 URL이나 문자열을 사용하지 마세요. 사이트에 최적화 도구가 태그로 지정되어 있으면 이 서버 측 실험이 사이트에 대해 트리거되지 않습니다.

   

5. 추가를 클릭합니다.

대안 만들기

대안을 만들려면 다음 단계를 따르세요.

1. 실험 페이지의 대안에서 + 대안 추가를 클릭합니다.
2. 대안 이름(예: 대안 1)을 입력하고 완료를 클릭합니다.
3. 추가를 클릭합니다.

실험 시작하기

실험 페이지에서 시작을 클릭합니다.

실험 ID 가져오기

실험 ID는 Google 애널리틱스의 측정 및 목표 섹션에서 확인할 수 있습니다.

실험 구현하기

한 실험에 실험 ID와 원본을 포함한 둘 이상의 대안이 있습니다. 각 대안에는 0에서 시작하는 색인인 대안 ID가 있습니다. 예를 들어 웹페이지에 6개의 대안이 있는 경우 대안 ID는 UI에 있는 대안의 순서와 동일하며, 원본의 경우 0부터 시작합니다.

실험 ID 설정 및 서버에서 대안 선택하기

웹페이지에서 실험이 진행 중인 경우 사용자가 페이지를 열면 서버가 브라우저에 대안을 반환합니다. 동일한 대안을 계속 제공할 경우 사용자 경험이 더 일관되므로 이를 허용하는 대안 배포 방식(예: ID 해싱 알고리즘)을 사용하는 것이 좋습니다. 또한 단일 사용자가 한 세션에서 동일한 실험의 여러 대안을 볼 경우 해당 세션은 실험에 포함되지 않습니다. 예를 들어 다음 코드는 3개의 대안이 있는 실험을 위한 대안을 선택합니다.

<?php
// Sets the ID of the experiment on variants of this web page.
$experimentId = '16iQisXuS1qwXDixwB-EWgQ';

// Randomly picks a variant for the user.
$variationId = rand(0, 2);
?>

중요: 실험 기간 동안 방문자에게 할당된 대안이 (_ga 쿠키에서 발견된 사용자에 대한 클라이언트 ID 값에 따라) 일관성을 유지하는지 확인하세요. 지속성(예: 쿠키 또는 사용자 ID)을 사용하여 수집한 데이터가 통계적으로 유효한지 확인하는 것이 좋습니다.

대안에 Google 애널리틱스 측정 코드 추가하기

다변수 테스트 조회 보고하기

다변수 테스트(MVT)는 2개 이상의 요소 또는 섹션을 테스트하여 서로에 미치는 영향을 파악합니다. 가장 효과적인 페이지 대안을 찾는 A/B 실험과 달리 다변수 테스트는 대안의 가장 효과적인 조합을 파악합니다. 예를 들어 MVT 실험에 '색상' 및 '글꼴'이라는 두 가지 섹션이 있다고 가정해 보겠습니다. '색상' 섹션에는 세 가지 대안(빨간색, 초록색, 파란색), '글꼴' 섹션에는 두 가지 대안(10pt 및 12pt)이 있습니다.

서버는 각 섹션에 대해 대안을 선택한 다음 선택한 대안을 Google 애널리틱스에 보고해야 합니다. 절차는 A/B 테스트와 동일하지만 대안을 설정하는 것이 다릅니다.

MVT 실험에 대한 대안을 보고하려면 각 섹션에 대해 선택된 대안을 '-'로 구분합니다.

[variant for section 1]-[variant for section 2]-...-[variant for section N]

예를 들어 위 MVT 실험의 세 가지 대안은 다음과 같습니다. 위 MVT 실험에는 색상 및 글꼴 섹션이 있고 색상 섹션에는 0=원본, 1=빨간색, 2=초록색, 3=파란색이라는 네 가지 대안, 글꼴 섹션에는 0=원본, 1=10pt, 2=12pt라는 세 가지 대안이 있습니다.

• '0-0'은 원본 색상 및 글꼴을 나타냅니다.
• '1-0'은 빨간색 및 원본 글꼴을 나타냅니다.
• '2-1'은 녹색 및 10pt 글꼴을 나타냅니다.

예를 들어 다음은 실험에 대해 0-0(원본 색상 및 글꼴)을 선택하는 코드입니다.