웹 실험 페이지

웹 실험에서 페이지는 특정 URL에 변형의 범위를 지정하므로 사이트의 관련없는 부분에 영향을 주지 않고 대상 페이지에서 테스트를 실행할 수 있습니다.

페이지는 웹 실험이 사이트에 적용되는 조건을 정의하며 다음을 포함합니다.

• 고유한 이름입니다.
• URL 타겟팅 조건.
• 페이지 트리거입니다.
• 실험을 미리 볼 수 있도록 도와주는 비주얼 에디터 URL입니다.

페이지 만들기

새로운 웹 실험을 만들 때는 다음 방법으로 페이지를 지정하십시오.

• 수동 URL 입력: 페이지를 정의할 특정 URL을 입력합니다.
• 불러오기 페이지 가져오기: 이전 실험에서 페이지를 선택합니다.

페이지를 추가한 후 실험 설정을 계속하거나 시각적 편집기로 직접 이동하십시오.

페이지 업데이트 또는 다른 페이지 만들기

전체 웹 실험을 위해 다른 페이지를 업데이트하거나 만들 수 있습니다.

1. _실험_으로 이동하여 원하는 웹 실험을 선택합니다.
2. 웹 실험을 위해 _설정 > 페이지_로 이동하십시오.
3. 페이지 이름을 바꾸거나, 시각적 편집기 URL을 업데이트하거나, 페이지 트리거를 구성하거나, 페이지 타겟팅 규칙을 업데이트하십시오.
4. 다른 페이지를 추가하려면 페이지 선택을 선택하십시오.
   1. 사용자 정의를 선택하여 두 번째 페이지에 대한 페이지 세부 정보를 엽니다.
   2. 페이지의 이름을 지정하고 시각적 편집기 URL, 트리거 유형 및 트리거 규칙을 입력합니다.
5. 변경 사항 저장을 선택합니다.

페이지 타겟팅 규칙

• URL 일치
  • 설명: 페이지 URL을 일치시키고 쿼리 매개 변수 또는 해시 조각을 무시합니다.
  • 예:
    • https://example.com/pricing
    • ✅ https://example.com/pricing#details
    • ❌https://example.com/pricing/enterprise
• URL이 정확히 일치함
  • 설명: 전체 페이지 URL을 정확하게 일치시킵니다.
  • 예:
    • https://example.com/pricing?utm_source=facebook
    • ❌https://example.com/가격
    • ❌ https://example.com/pricing?utm_source=tiktok
• URL 일치 패턴
  • 설명: 와일드카드(*)를 포함한 전체 페이지 URL을 일치시킵니다.
  • 예:
    • https://example.com/blog/*
    • ✅ https://example.com/blog/my-first-post
    • ✅ https://example.com/blog/my-second-post#get-started
• URL에 포함된 항목
  • 설명: 전체 페이지 URL과 일치시킵니다. 여기서 URL에는 특정 하위 문자열이 포함되어 있습니다.
  • 예:
    • /blog/my-first
    • ✅ https://example.com/blog/my-first-post
    • ❌ https://example.com/blog/my-second-post
• URL은 다음으로 시작합니다
  • 설명: 전체 페이지 URL과 일치시킵니다. 여기서 URL은 정확한 하위 문자열로 시작합니다.
  • 예:
    • https://example.com/blog
    • ✅ https://example.com/blog/my-first-post
    • ❌ https://example.com/가격
• URL은 다음으로 끝납니다.
  • 설명: 전체 페이지 URL과 일치시킵니다. 여기서 URL은 정확한 하위 문자열로 끝납니다.
  • 예:
    • /blog/my-first-post
    • ✅ https://example.com/blog/my-first-post
    • ❌ https://example.com/blog/my-first-post#시작하기
• URL이 정규식과 일치함
  • 설명: 전체 페이지 URL을 사용자가 정의한 정규식과 일치시킵니다.
  • 예:
    • Regex 학습하기
    • 정규식 테스트

페이지 트리거

페이지 트리거는 실험이 페이지의 조건을 평가하여 실험이 웹 페이지에서 활성화되는지 여부를 결정할 때를 정의합니다. 페이지 타겟팅 규칙은 실험이 실행되는 위치를 결정하며, 페이지 트리거는 변형 액션이 적용되는 시기를 결정합니다.

새 실험을 생성할 때 기본 트리거 유형은 즉시입니다. 즉시 트리거는 초기 페이지 로드를 포함하여 URL이 변경될 때마다 페이지 상태를 평가합니다. 사용자 행동, 페이지 이벤트 또는 사용자 지정 조건에 따라 실험을 활성화하도록 다른 트리거 유형을 구성하십시오.

트리거 유형

• 즉시
  • 설명: URL 또는 경로가 변경될 때 평가합니다.
  • 매개변수: 없음
• 이벤트 추적시
  • 설명:
    • 특정 Amplitude 애널리틱스 이벤트가 발생할 때를 평가합니다.
    • 통합 스크립트 태그를 통해 분석과 웹 실험을 함께 로드하지 않은 경우 웹 실험 클라이언트가 추적된 이벤트 알림을 수신하도록 window.amplitude.add(window.webExperiment.plugin())호출하십시오.
  • 매개 변수
    • 이벤트 이름입니다.
    • 특정 이벤트 속성 값과 일치하는 선택적 속성 필터.
  • 제한 사항: 속성 필터는 SDK가 이벤트를 추적할 때 원시 이벤트 페이로드에 존재하는 속성만 일치합니다. Amplitude가 서버측에서 계산하거나 강화하는 속성은 클라이언트측 이벤트 객체에서 사용할 수 없으며 필터 조건을 충족할 수 없습니다. 여기에는 파생 속성, 찾기 속성 및 배열 확장 속성(예: products.label)이 포함됩니다. 추적 메소드를 호출할 때 계측기가 명시적으로 설정한 속성만 사용하십시오.
• 요소가 나타날 때
  • 설명: CSS 선택자와 일치하는 요소가 DOM에 나타날 때 평가합니다.
  • 매개 변수: 요소의 CSS 선택자입니다.
• 요소가 표시될 때
  • 설명: 요소가 뷰포트에 표시될 때를 평가합니다.
  • 매개 변수
    • 요소의 CSS 선택기입니다.
    • 요소의 가시성 비율(0-100)은 요소가 얼마나 표시되어야 하는지를 정의하는 옵션입니다.
• 페이지 내 시간 이후
  • 설명: 사용자가 포커스를 두고 있는 페이지에 최소 연속 시간을 보낸 후 평가됩니다.
  • 매개변수: 기간(초)입니다.
• 사용자가 종료할 때
  • 설명: 커서가 뷰포트의 맨 위를 향해 위로 이동할 때를 평가합니다.
  • 매개변수: 종료 의도가 트리거될 수 있기 전에 사용자가 페이지에서 보내야 하는 선택적인 최소 시간(초 단위)입니다.
• 다음으로 스크롤했을 때
  • 설명: 사용자가 특정 요소나 스크롤 비율로 이동할 때를 평가합니다.
  • 매개 변수
    • 요소 모드: CSS 선택기 및 뷰포트 맨 아래에서의 픽셀 오프셋. 양수 값은 요소가 뷰에 들어가기 전에 트리거되고, 음수 값은 요소가 부분적으로 표시된 후에 트리거됩니다.
    • 백분율 모드: 스크롤된 페이지의 백분율(0-100)입니다.
• 사용자 상호 작용 시
  • 설명: 지정된 요소를 클릭하거나 마우스를 올려 놓거나 포커스를 맞출 때 평가합니다.
  • 매개 변수
    • 요소의 CSS 선택기입니다.
    • 상호 작용 유형(클릭, 마우스 오버 또는 초점)입니다.
    • 선택적 시간 임계값(밀리초)입니다. 마우스 오버 및 초점을 사용하려면 트리거가 작동하기 전에 사용자는 이 기간 동안 상호 작용을 유지해야 합니다. 클릭의 경우 트리거는 이 지연 후에 실행됩니다.
• 수동
  • 설명: 개발자가 window.webExperiment.toggleManualPageObject(name, active)를 호출할 때 평가합니다. 이름 식별자를 전달하고 true페이지 객체를 활성화하거나 false비활성화합니다.
  • 매개변수: 페이지 설정에 구성된 수동 트리거 키와 일치하는 이름 식별자입니다.

변형에 대한 페이지 범위 관리

각 변형의 범위를 특정 페이지로 지정하여 변형의 변경 사항이 원하는 위치에만 적용되도록 하십시오. 페이지 범위 지정은 모든 변형 유형에 적용됩니다.

비주얼 편집기

비주얼 편집기를 사용하여 텍스트 편집이나 스타일 업데이트와 같은 변경 사항을 수행할 경우 이러한 변경 사항은 미리 보기 세션 다음 기간동안 선택한 페이지와 연관됩니다. 각 변경 사항에 대해 적용되는 페이지를 지정합니다.

비주얼 편집기의 페이지 범위 지정으로 다음 작업을 수행할 수 있습니다.

• 특정 페이지에 업데이트 또는 변경 사항을 할당합니다.
• 모든 뷰에 동일한 변경 사항을 적용하지 마십시오.
• 실험 설정 전체에서 더 나은 분리성과 명확성을 유지하십시오.

사용자 지정 코드

사용자 지정 코드나 URL 리디렉션을 변형으로 추가할 때는 변형이 적용될 페이지를 명시적으로 정의해야 합니다.

페이지 범위를 지정하면 활성 페이지에 따라 동작이 다른 사용자 지정 코드를 포함하는 단일 실험을 만들 수 있습니다.

URL 리디렉션

URL 리디렉션 변형의 설정에서 페이지를 선택합니다. 리디렉션의 범위를 특정 페이지 또는 페이지 집합으로 지정하면 Amplitude는 지정된 페이지가 활성화되어 있을 때만 사용자를 리디렉션합니다.

기술 세부 사항

• 실험은 버킷화 후 페이지를 평가하므로 페이지의 변형은 실험에 적합한 사용자에게만 영향을 줍니다.
• Amplitude는 실험의 다른 페이지와 충돌하는 페이지를 비활성화합니다.

알려진 제한 사항

• On Event Tracked 속성 필터는 추적 시에 SDK가 전송한 원시 이벤트 속성만 일치시킬 수 있습니다. 파생 속성, 조회 속성 및 배열 확장 속성을 비롯한 서버측 속성은 트리거 평가 시에는 사용할 수 없으므로 필터 조건으로 사용할 수 없습니다.
• 다음에서는 페이지를 사용할 수 없습니다.
  • 기능 플래그입니다.
  • 실험 템플릿.
  • 실험 API 관리.
  • 템플릿이나 플래그로 변환하는 실험입니다.
• 페이지를 삭제하거나 보관할 수는 없습니다.
• Amplitude는 범용 검색 또는 실험 테이블 보기의 페이지를 포함하지 않습니다.
• 페이지가 경고나 알림에 나타나지 않습니다.