Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
styledefault
typelist
printabletrue

개요

인앱 팝업은 배너는 전체 유저에게 노출되는 팝업 모달 화면으로, 여러개의 인앱 팝업을 생성할 경우 4초마다 자동으로 롤링되며, 유저가 수동으로 롤링하여 다음 팝업을 넘겨볼 수 있습니다.

팝업 노출 시점은 SDK 연동 시 연동 가이드를 참고하시어 설정하실 수 있으며, 추후 변경이 어렵습니다. 팝업 생성 및 노출 설정은 어드민을 통해 가능합니다.Image Removed

...

...

배너 생성 방법 안내

  1. 어드민 Entry 메뉴 상단의 인앱팝업 배너 메뉴를 클릭하세요.

  2. + 새 엔트리 생성 버튼을 클릭하세요.인앱 팝업에 노출될 이미지를 업로드해주세요.

  3. 배너 엔트리 제목 첫번째 줄과 두번째 줄을 입력해주세요. (공백 포함 12자 이내)

  4. 배너 엔트리 부가 설명을 입력해주세요. (공백 포함 15자 이내)

  5. 엔트리 아이콘을 업로드 해주세요.

  6. 배경 컬러를 선택 또는 입력해주세요. (입력 시, #표기 필수)

  7. 연결할 페이지 타입 에서 캠페인, 딥링크, 버즈부스터 페이지 중 랜딩페이지의 타입을 선택해주세요.

  8. 인앱 팝업에 배너에 연결할 랜딩페이지 선택(혹은 입력)을 완료하신 후 우측 하단의 생성 버튼을 클릭해주세요.

  9. 생성된 팝업이 인앱팝업 배너가 배너 메뉴 내 리스트에 추가된 것을 확인해주세요.

  10. 팝업을 배너를 노출하려면, 메뉴 내 좌측 토글을 켜주세요.

  11. 팝업의 배너의 노출 순서를 조정하려면, 원하는 아이템을 드래그하여 위치를 이동해주세요.

  12. 팝업을 배너를 수정 및 삭제하려면, 메뉴 내 우측 수정/삭제 버튼을 눌러주세요.

...

image-20240430-065652.pngImage Added

...

배너 이미지 등록

인앱 팝업 배너 이미지 디자인 가이드

  • 가로 500px, 세로 500px 이상 권장

  • 크기 250KB 이하 권장 (초과 시 업로드 실패, 크기가 클수록 이미지 로딩 속도가 느려질 수 있습니다.)1:1 비율

  • 이미지 확장자 : JPG / JPEG / PNG최종 산출물 형태 : 정사각형 팝업 이미지 (라운딩은 모바일에서 자동 반영)

...

✍️ 참고

버즈부스터 템플릿 별 디자인 가이드 문서 첨부드립니다.

...

배너 랜딩페이지 설정 안내

캠페인 상세 페이지로 이동

생성하신 캠페인의 상세페이지를 랜딩페이지로 지정할 수 있습니다.

...

  1. 홈페이지

  2. 친구초대 코드 입력 페이지

  3. 포인트 사용 내역 페이지

  4. 네이버페이 포인트 전환 페이지

...

홈 페이지

진행 중인 캠페인과 획득한 리워드를 확인할 수 있는 페이지입니다.

홈 페이지에 대한 자세한 내용은 버즈부스터 메인 홈 화면 설정 안내 문서에서 확인하실 수 있습니다.

...

친구초대 코드 입력 페이지

피추천인이 친구초대 코드를 입력할 수 있는 페이지로, 친구초대 캠페인 운영 시에만 활용 가능합니다.

친구초대 캠페인 운영을 원하시면 친구초대 캠페인 안내 문서를 참고해주세요.

...

포인트 사용 내역 페이지

유저가 포인트 적립/ 차감 내역을 확인할 수 있는 페이지로, 버즈부스터 포인트 사용 시에만 제공되는 화면입니다.

*자사 포인트를 연동해서 사용하시는 경우, 딥링크를 통해 자사 앱 내 포인트 사용 내역 페이지를 연결할 수 있습니다.

...

네이버페이 포인트 전환 페이지

유저가 모은 포인트를 네이버페이 포인트로 전환할 수 있는 페이지입니다.

네이버페이 전환 기능에 대한 자세한 내용은 버즈부스터 네이버페이 포인트 전환 기능 운영 가이드 문서를 참고해주세요.

...