Guides

전시 기본 사용법

연동 방법

연동 방법에는 전체 페이지만을 렌더링하는 방식(전시 기본 사용법)과, 모듈화 방식을 사용하는 방법으로 구분됩니다.

모듈화 방식은 전체 페이지를 렌더링하는 기능뿐만 아니라, 원하는 큐레이션들을 임의로 선택하여 렌더링할 수 있습니다. 원하는 기능에 따라 둘 중 하나의 방식을 선택합니다.

공통 STEP

head 태그 내에 소스클립 라이브러리 스크립트 태그를 다음과 같이 추가합니다.

  • 프로덕트 환경의 경우
<script src="https://showcase.sauceclip.com/static/js/SauceClipCollectionLib.js"></script>
  • 스테이지 환경의 경우
<script src="https://stage.showcase.sauceclip.com/static/js/SauceClipCollectionLib.js"></script

전체 페이지만을 렌더링하는 방식

STEP 1. 페이지 내 적용하려는 위치에 태그를 다음과 같이 추가합니다.

<div id="sauce_clip_collection"></div>

STEP 2. STEP1에서 추가한 태그에 전체 페이지가 렌더링 되도록 함수를 실행합니다.

📘

파트너ID에는 계정정보 가져오기 API를 통해서 확인한 파트너ID를 입력해 주세요.

<script>
  window.SauceClipCollectionLib({ partnerId: 'mobidoo' });
</script>

STEP3. 페이지 내에 적용된 것을 확인합니다.

📘

  • 등록된 큐레이션이 없는 경우, 빈 화면이 출력됩니다.
  • 큐레이션 내에 공개 상태의 클립이 없는 경우에 빈 화면이 출력됩니다.