자사몰 연동

자사몰 연동 퀵 가이드를 통해 소스라이브 플레이어를 더 쉽고 빠르게 연동해 보세요. 각 버튼을 클릭🖱️하면 상세 가이드를 확인하실 수 있습니다.

자사몰 연동 퀵 가이드 ⚡

필수 플레이어 기본 설치 소스라이브 플레이어를 자사몰에 노출하는 방식은 세 가지입니다. 환경에 맞는 방식을 선택하세요.

1) 라이브 URL 연동 방식 별도 라이브러리 설치 없이 라이브마다 자동 생성되는 URL을 자사몰 내 버튼이나 배너로 연결하여 사용합니다. 빠른 적용이 필요하거나 JavaScript 삽입이 어려운 환경에 적합합니다.

라이브 URL 연동 가이드

⏱ 예상 공수: 1일 💡아래 '로그인 연동 방식' 우선 확인 필요

2) 플레이어 라이브러리 연동 소스에서 제공하는 JavaScript 라이브러리를 자사몰 페이지에 삽입해 플레이어를 구성합니다. 회원 인증·플로팅·모아보기 등 부가 기능을 함께 사용할 수 있어 가장 많이 사용하는 방식입니다.

플레이어 Library 가이드

⏱ 예상 공수: 3일 💡 아래 '로그인 연동 방식' 우선 확인 필요 💡 iframe으로 삽입하는 경우 iframe 연동 시 주의사항을 먼저 확인하세요.

3) 앱 내 WebView 로드 (Android/iOS) 모바일 앱의 WebView 환경에서 라이브 페이지를 로드하여 네이티브 앱 경험을 제공합니다.

AOS 웹뷰 가이드 iOS 웹뷰 가이드

⏱ 예상 공수: iOS/AOS 각 3~5일 💡앱 플랫폼별 권한 및 정책 확인 필요

필수 로그인 및 회원 연동 소스라이브 플레이어에 자사몰 회원의 로그인 상태를 연동합니다.

1) 비회원 기반 (게스트) 로그인 없이 누구나 라이브 참여를 허용하며, 필요 시 게스트 정보 입력 필드 선택이 가능합니다.

비회원 기반(게스트) 가이드

⏱ 예상 공수: 1일

2) 간편인증 연동 사용자 닉네임, ID 등을 코드에 추가하여 빠르고 간편하게 정보를 연동하는 방식입니다.

간편인증 가이드

⏱ 예상 공수: 1일 💡 로그인 이후 리다이렉트 처리는 고객사 대응 필요

3) JWT 인증 연동 보안 강화 및 어뷰징 방지를 위해 회원 로그인 상태를 안전하게 연동합니다.

JWT Token 가이드

⏱ 예상 공수: 5~7일 💡 고객사 백엔드 개발 필요 (개발 상황에 따라 단축 가능)

선택 플레이어 인터랙션 확대 ▫️ 기본 동작 이외에도 시청자의 참여를 유도하기 위한 인터랙션 기능을 제공합니다.
▫️ 플레이어 설치 방식에 따라 브릿지 연결 검토가 필요합니다.
▫️ 구매인증, 메시지, 퀴즈, 투표 등 기본 인게이지먼트 킷은 별도 정합 없이 사용 가능합니다.

1) PIP (플로팅 화면) 페이지 이탈 시에도 작은 창에서 시청을 지속하게 하거나 영역 접속 시 자동 재생 기능을 구현합니다.

AOS PIP 가이드 iOS PIP 가이드

⏱ 예상 공수: 각 3~5일 (웹 1~2일) 💡 iframe 삽입 시 확대 버튼 링크 이동 별도 작업 필요 💡 WEB/APP 샘플 코드를 제공

2) 홈플로팅 연동 홈 영역 접속 시 자동으로 On-Air 상태의 라이브가 노출되도록 구현합니다.

⏱ 예상 공수: 2일 💡 Library 혹은 iframe 삽입 시 확대 버튼 링크 이동 별도 작업 필요 💡 WEB/APP 샘플 코드를 제공

3) 쿠폰 시스템 연동 라이브 혜택을 노출합니다. 클릭 시 쿠폰 번호 연결 또는 링크 이동을 지원합니다.

쿠폰 연동 가이드

⏱ 예상 공수: 1~5일 💡고객사 쿠폰 API 연동 사용 선택 시 별도 테스트 필요

4) 리워드 시스템 연동 시청 시간과 몰입도를 높이는 보상 시스템을 연동합니다.

리워드 클릭 가이드 리워드 브릿지 가이드

⏱ 예상 공수: 1일 💡플레이어 설치 타입에 따라 브릿지 연동 작업 필요

선택 전시 및 운영 편의 기능 확장 고객사 웹/앱 영역에 라이브 및 VOD 노출과 라이브 알림이 가능하도록 지원합니다.