WEB 개발 가이드

쇼룸 라이브러리로 자사몰 웹 페이지에 라이브·다시보기 콘텐츠를 노출하는 연동 가이드입니다. 스크립트 한 줄과 초기화 함수 하나로 시작합니다.

[쇼룸] WEB 개발 가이드

쇼룸 첫 실행

스크립트를 삽입하고 파트너 ID로 초기화한 뒤, 콘텐츠를 표시할 요소를 지정합니다.

html

<div id="sauce-showroom"></div>

<script src="https://showroom.sauce.im/static/js/SauceShowroomLib.js"></script>
<script>
  window.SauceShowroomLib.setInit({ partnerUniqueId: '파트너 ID' })
  window.SauceShowroomLib.load({ elementId: 'sauce-showroom' })
</script>

💡 어드민 쇼룸 설정에서 등록·공개한 콘텐츠가 이 순서 그대로 표시됩니다. 콘텐츠 등록은 쇼룸 관리에 있습니다.

연동 순서

1~3단계로 콘텐츠가 표시됩니다. 4단계는 회원 기능과 이동 동작을 직접 처리할 때 더합니다.

스크립트 삽입→초기화→콘텐츠 표시→인증·브릿지

단계	내용	필수
1	라이브러리 스크립트를 `<script>` 로 삽입	필수
2	`setInit` 으로 파트너 ID 등록	필수
3	`load` 또는 `load*` 로 표시할 콘텐츠 지정	필수
4	회원 인증·브릿지 이벤트·표시 설정	선택

시작 전 준비

준비물	어디서	쓰이는 곳
파트너 ID	모비두 담당자에게 전달받은 값	`setInit`
콘텐츠 등록·공개	어드민 쇼룸 설정	표시될 콘텐츠 목록
배너 그룹 ID	어드민 쇼룸 > 배너 그룹	배너 모듈
큐레이션 ID	어드민 VOD · CLIP 큐레이션	큐레이션 모듈