소스클립 브릿지 가이드
소스클립을 iframe 으로 사용할 경우 message 리스너 정의 혹은 특정 action 에 대해서 브릿지를 구현하여 연동하는 방식으로 구현가능합니다.
아래의 세팅은 iframe 방식의 예시입니다.
<iframe src='https://player.sauceclip.com/player?partnerUniqueId={고객사ID}&clipId={클립ID}' />
window.addEventListener('message',(e)=>{
if (typeof e.data === 'string') {
const jsonData = JSON.parse(e.data)
switch (jsonData.key) {
...
// 상품 클릭시의 이벤트 정의
case 'sauceclipMoveProduct':
window.location.href = `${jsonData.params.linkUrl}`
break
}
}
})
소스클립에서 제공하는 message 호출에 대한 switch case 에 대한 payload 정의 payload 정의 를 참고해주세요.
로그인이 필요한 기능에 접근한 비로그인 유저의 동작을 정의하기 위한 상세 가이드는 로그인 이벤트(로그인 필요 기능 접근 제어) 를 참고해주세요.
Updated about 10 hours ago