전시 기본 사용법
연동 방법
연동 방법에는 전체 페이지만을 렌더링하는 방식과, 모듈화 방식을 사용하는 방법으로 구분됩니다.
모듈화 방식은 전체 페이지를 렌더링하는 기능뿐만 아니라, 원하는 큐레이션들을 임의로 선택하여 렌더링할 수 있습니다.
원하시는 기능에 따라 둘 중 하나의 방식을 선택합니다.
공통 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. STEP2에서 추가한 태그에 전체 페이지가 렌더링 되도록 함수를 실행합니다.
파트너ID에는 계정정보 가져오기 API를 통해서 확인한 파트너ID를 입력해 주세요.
<script>
window.SauceClipCollectionLib({ partnerId: 'mobidoo' });
</script>
STEP3. 페이지 내에 적용된 것을 확인합니다.
- 등록된 큐레이션이 없는 경우, 빈 화면이 출력됩니다.
- 큐레이션 내에 공개 상태의 클립이 없는 경우에 빈 화면이 출력됩니다.
Updated about 10 hours ago