소스라이브 브릿지 가이드

소스라이브에서 제공하는 플레이어 라이브러리를 세팅시에 message 리스너 정의를 통해 쿠폰 다운로드, 상품 클릭과 같이 미리 정해진 action에 대한 정의를 할 수 있고 고객사 별로 커스텀 액션을 정의할 수도 있습니다.

기본적인 세팅은 위의 라이브 플레이어 세팅 이후에 아래와 같은 세팅방식으로 적용 가능합니다.

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
          //방송 종료
        }
      }
})

소스라이브에서 제공하는 message 호출에 대한 switch case 에 대한 payload 정의는 payload 정의 를 참고해주세요.

쿠폰기능 연동을 위한 상세 가이드는 쿠폰 클릭 이벤트(쿠폰 연동 관련 제어) 를 참고해주세요.

로그인이 필요한 기능에 접근한 비로그인 유저의 동작을 정의하기 위한 상세 가이드는 로그인 이벤트(로그인 필요 기능 접근 제어) 를 참고해주세요.