소스라이브 플레이어 브릿지 가이드

Suggest Edits

소스라이브에서 제공하는 플레이어 라이브러리는 message 리스너 정의를 통해 쿠폰 다운로드, 상품 클릭 등 사전에 정의된 액션을 처리할 수 있습니다.
또한, 필요에 따라 고객사 맞춤(Custom) 액션도 정의할 수 있습니다.

적용 방법

플레이어 초기 설정(임베드 및 초기화)을 완료한 후 아래 예시와 같이 message 이벤트 리스너를 추가해 액션별 동작을 정의할 수 있습니다.

window.addEventListener('message',(e)=>{
      if (typeof e.data === 'string') {
        const jsonData = JSON.parse(e.data)
        switch (jsonData.key) {
         // 상품 클릭시의 이벤트 정의
          case 'sauceflexMoveProduct':
            window.location.href = `${jsonData.params.linkUrl}`
            break
          //방송 종료
        }
      }
})

Payload 정의 참고

소스라이브에서 제공하는 message 호출에 대한 payload 구조 및 정의는 payload 정의 에서 확인할 수 있습니다.

관련 기능 상세 가이드

기능	설명	관련 가이드
로그인 제어	비로그인 사용자가 로그인 필요 기능 접근 시 동작 정의	로그인 필요 기능 접근 제어
쿠폰 연동 제어	쿠폰 클릭 시 발생하는 연동 처리	쿠폰 연동 관련 제어
상품 클릭 제어	상품 클릭 시 페이지 이동 등 처리	상품 클릭 동작 제어
리워드 제어	리워드 도달 시점의 액션 정의	리워드 이벤트 제어

Updated 14 days ago

What’s Next

payload 정의