수동 실행 모드

페이지가 열릴 때 자동으로 실행하는 대신, 고객사 코드가 원하는 시점에 PerfittSize를 실행하는 방식입니다.

자동 실행 모드 vs 수동 실행 모드

자동 실행 모드

페이지가 로드될 때 PerfittSize가 스스로 초기화됩니다. 따로 설정하지 않으면 이 모드로 동작합니다.

아래 코드를 실행해야만 PerfittSize가 동작합니다. React 같은 SPA를 쓰거나, 연동값을 코드에서 직접 넘기고 싶을 때 씁니다. 펄핏이 프로젝트 설정에서 이 모드를 켜 줘야 하니 담당자에게 미리 요청하세요.

수동 실행 모드 사용법

상품 정보가 화면에 모두 그려진 뒤 다음 코드를 실행합니다. 연동값은 함께 넘길 수 있고, productId는 꼭 넘겨야 합니다.

JavaScript

window.initializePerfittSize({
  productId: '{{상품 ID}}',          // 필수
  customerId: '{{로그인한 고객의 ID}}', // 로그인 상태일 때만
  brand: '{{신발 브랜드}}',
  modelNo: '{{신발 모델 번호}}',
  gender: '{{신발의 주 성별}}',       // 'f' 또는 'm'
});

넘길 수 있는 값은 customerId, productId, brand, modelNo, gender 다섯 가지입니다. 각 값의 뜻은 추천 상품 연동 항목을 보세요.

동작 규칙

productId가 없으면 버튼을 그리지 않습니다. 값 없이 호출하면 스크립트를 다시 읽기만 하고 끝납니다.
같은 productId로 다시 호출하면 다시 그리지 않습니다. 다른 productId로 호출하면 이전 버튼을 지우고 새로 그립니다. SPA에서 상품 페이지 사이를 이동할 때는 이동할 때마다 호출하면 됩니다.
설정을 아직 못 받았으면 0.5초마다 다시 시도합니다. 10번(약 5초) 안에 설정이 오지 않으면 포기합니다. 스크립트 태그가 head에 있고 네트워크가 정상이면 보통 첫 시도에 끝납니다.
수동 실행 모드가 꺼진 프로젝트에서는 아무 일도 하지 않습니다. 호출했는데 버튼이 안 뜨면, 펄핏 담당자에게 프로젝트의 수동 실행 모드가 켜져 있는지 확인해 달라고 요청해 주세요.