Guides

모아보기

Suggest Edits

모아보기는 파트너사에서 진행한 라이브 및 진행 예정인 라이브 콘텐츠를 한 곳에 전시할 수 있도록 모비두가 제공하는 서비스입니다.

모비두 담당자를 통해 공유된 커스텀 항목에 대해 영역 커스터마이징이 가능합니다.

📘

Tip

모아보기 화면 구성

모아보기 화면 구성은 아래와 같습니다.

1. 헤더 영역 - 로고 및 검색

  • 로고 : 파트너사 로고를 적용합니다.

📘

로고는 .ai 또는 .svg 형태로 전달해야 합니다.

  • 검색 : 방송명, 브랜드명, 상품명 검색 가능합니다. 사용자가 최근에 검색한 목록 확인도 가능합니다.

2. 상단 배너 영역

어드민 사이트에서 등록한 배너를 최대 10개까지 노출할 수 있습니다. 배너의 상태가 노출 기간 내 ‘사용'으로 설정된 배너가 표시됩니다.

📘

Tip

상단 배너의 설정은 어드민에서 가능합니다. 상단 배너 설정하기

3. 최신 라이브 영역

라이브가 진행 중이거나 및 라이브가 끝난 콘텐츠를 노출합니다. 총 10개의 최근에 진행한 라이브가 표시되며, 더보기 버튼을 통해 확인할 수 있습니다.

타이틀 설정

최신 라이브 영역의 타이틀은 스크립트 삽입으로 변경이 가능합니다.

📘

Tip

타이틀 설정은 타이틀 설정 스크립트 에서 확인할 수 있습니다.

플레이어 노출 예시

① 재생 시간 : LIVE > VOD > 모아보기 설정에서 뱃지를 미사용 설정하면 콘텐츠의 재생 시간이 표시됩니다.

② 상품 가격 설정 : 모아보기 컨피그 설정에서 상품 가격을 미사용 설정하면 상품의 가격이 노출되지 않습니다.

③ 날짜 : LIVE > VOD에 콘텐츠가 등록된 날짜를 표기합니다.

④ 뱃지 : LIVE >VOD > 모아보기 설정에서 뱃지를 사용 설정하면 노출됩니다.

⑤ 버튼 : LIVE > VOD > 모아보기 설정에서 버튼을 사용 설정하면 노출됩니다.

📘

Tip. 버튼을 설정할 때

파트너사 앱 내 모아보기 연동 사용 중 또는 웹에서 iframe으로 연동 방식을 사용 중이라면 버튼 설정 할 때, Webview 연동방법에서 '방송 커스텀 버튼 클릭시 호출 브릿지 정보 추가'와 웹 전용 브릿지 설정(기본형) 에서 '방송 커스텀 버튼 클릭 시의 함수 주석 추가 부분'을 참고해주세요.

모바일 레이아웃

모바일에서 최신 라이브는 좌우로 콘텐츠를 이동해 볼 수 있는 기본 설정과, 개발 가이드를 활용해 세로 2단 스크립트 방식으로 상하로 이동해 볼 수 있는 방식으로 설정할 수 있습니다.

📘

Tip

세로 2단 화면 설정은 최신라이브 영역 모듈화 내 'dispalyType' 항목에서 확인할 수 있습니다.


4. 라이브 캘린더

일자 별로 진행 예정 또는 진행된 라이브를 노출합니다.

5. 라이브 미리보기

라이브 예정 일시가 가까운 편성표부터 차례대로 노출됩니다.

6. 큐레이션 카테고리

원하는 큐레이션 카테고리 아이콘을 클릭 시, 해당 큐레이션 영역으로 이동합니다. 큐레이션 카테고리 개수는 제한이 없습니다.

7. 큐레이션

해당 큐레이션에 설정된 라이브 또는 VOD 콘텐츠를 노출하고, 해당 영상은 자동으로 재생됩니다.

📘

Tip

큐레이션의 설정은 어드민에서 가능합니다. 큐레이션 설정하기

라이브 미리보기 컨피그 설정

  • 라이브 미리보기 영역은 총 3개 이미지형, 피드형, 리스트형의 형태로 제공됩니다. 3개의 미리보기 중 각 파트너사에 적합한 형태를 선택해 담당자에게 전달합니다.
  • 컨피그 항목인 라이브 알림 기능을 사용하면, 라이브 예정 전 알림 아이콘이 노출되고 시청자는 라이브 알림 신청을 할 수 있습니다.

    📘

    Tip

    라이브 알림 설정은 회원 연동을 한 파트너사에 한해 알림 설치 스크립트 추가를 통해 가능합니다.

이미지형

어드민에서 등록한 편성표 대표 이미지만 표시됩니다.

피드형

어드민에서 등록한 편성표 대표 이미지, 라이브 예정 시간, 라이브명, 상점이미지, 상점명이 표시됩니다.

리스트형

어드민에서 등록한 편성표 대표 이미지, 라이브 예정 시간, 라이브명, 상점 이미지, 상점명이 목록 형태로 표시됩니다.

Updated about 17 hours ago