접속 및 수정 방법

A/B Test 설정을 위해서는 일부 직접 코딩이 필요합니다.

하지만 걱정하지 마세요, 저희가 미리 복사 붙여넣기 하실 수 있도록 코드를 작성해두었습니다.

먼저 Framer 프로젝트에 접속한 후, 우측 상단의 ‘설정’버튼을 눌러주세요.

그러면 아래와 같이 A/B Test입니다 라는 Custom Code가 있습니다.

해당 Custom Code를 클릭하면 아래와 같이 기본 설정값들이 기재되어있습니다.

코드 설명

A/B Test 설정 코드는 아래와 같습니다.

수정해주셔야할 부분은 단 한 곳 입니다.

아래와 같이 되어있는 곳이 A/B Test 한 세트입니다.

{

id: "test_id", // 테스트 고유 ID (영문으로 겹치지 않게 작성)

triggerUrl: "https://website.com/original_page", // 방문자가 처음 접속하는 URL (A안)

variants: [

{

url: "https://website.com/original_page", // A안 URL

percentage: 33 // 확률 (%)

},

{

url: "https://website.com/original_page_b", // B안 URL

percentage: 34

},

{

url: "https://website.com/original_page_c", // C안 URL

percentage: 33

}

// 필요하면 D안 추가 가능

]

},

위에 보시면 알겠지만, 원본 링크와 함께 AB Test하고 싶은 링크를 설정해주시면 됩니다.

AB Test는 한 세트에 여러개의 페이지로 분산시킬 수 있습니다.

이 때 방문자가 처음 접속하는 URL은 실제 ‘메뉴버튼’등 사용자가 최초 접속하는 링크로 설정해주셔야 합니다.

그리고 하단에 각 어디로 연결될지를 설정해주세요.

확률은 총 합계가 무조건 100이어야 합니다. (아니면 오류가 발생합니다.

필요할 경우 더 많은 페이지로 분산시킬 수도 있고, 아니면 두개로만 분산시킬수도 있습니다.

코드 수정이 완료되었다면 우측 아래의 Save 버튼을 누른 후

우측 상단의 Publish 버튼을 눌러 적용해주세요.