| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
개요
인앱 팝업은 전체 유저에게 노출되는 팝업 모달 화면으로, 여러개의 인앱 팝업을 생성할 경우 4초마다 자동으로 롤링되며, 유저가 수동으로 롤링하여 다음 팝업을 넘겨볼 수 있습니다.
팝업 노출 시점은 SDK 연동 시 연동 가이드를 참고하시어 설정하실 수 있으며, 추후 변경이 어렵습니다. 팝업 생성 및 노출 설정은 어드민을 통해 가능합니다.
...
어드민 Entry 메뉴 상단의 인앱팝업 메뉴를 클릭하세요.
+ 새 엔트리 생성 버튼을 버튼을 클릭하세요.인앱 팝업에 노출될 이미지를 업로드해주세요. (이미지 규격은 버즈부스터 디자인 가이드를 참고해주세요.)
연결할 페이지 타입을 선택하여, 인앱 팝업에 연결할 에서 캠페인, 딥링크, 버즈부스터 페이지 중 랜딩페이지의 타입을 선택해주세요. 타입별로 지원되는 랜딩페이지의 종류는 인앱 팝업 랜딩페이지 설정 안내를 통해 확인하실 수 있습니다.인앱 팝업에 연결할 랜딩페이지 선택(혹은 입력)을 완료하신 후 우측 하단의 생성 버튼을 클릭해주세요.
생성된 팝업이 인앱팝업 메뉴 내 리스트에 추가된 것을 확인해주세요.
팝업을 노출하려면, 메뉴 내 좌측 토글을 켜주세요.
팝업의 노출 순서를 조정하려면, 원하는 아이템을 드래그하여 위치를 이동해주세요.
팝업을 수정 및 삭제하려면, 메뉴 내 우측 수정/삭제 버튼을 눌러주세요.
...
인앱 팝업 배너 이미지 등록
인앱 팝업 배너 이미지 디자인 가이드
가로 500px, 세로 500px 이상 권장
크기 250KB 이하 권장 (초과 시 업로드 실패, 크기가 클수록 이미지 로딩 속도가 느려질 수 있습니다.)
1:1 비율
이미지 확장자 : JPG / JPEG / PNG
최종 산출물 형태 : 정사각형 팝업 이미지 (라운딩은 모바일에서 자동 반영)
✍️ 참고
버즈부스터 템플릿 별 디자인 가이드 문서 첨부드립니다.
인앱 팝업 랜딩페이지 설정 안내
...
캠페인 상세 페이지로 이동
생성하신 캠페인의 상세페이지를 랜딩페이지로 지정할 수 있습니다.
이미 종료된 캠페인(Cancelled, Completed)을 제외한 모든 캠페인의 상세페이지가 지원됩니다.
...
...
딥링크로 이동
자사 앱 내의 특정한 페이지를 랜딩페이지로 지정할 수 있습니다.
원하시는 페이지로 이동하는 딥링크 url을 생성하여, 주소 입력 란에 입력해주세요.
활용 예시는 아래와 같습니다.
ex. 공지사항 페이지로 이동, 제품 상세페이지로 이동
...
버즈부스터 페이지로 이동
버즈부스터에서 제공하는 여러 페이지를 랜딩페이지로 지정할 수 있습니다.
이동 가능한 페이지는 아래와 같습니다.
홈페이지
친구초대 코드 입력 페이지
포인트 사용 내역 페이지
네이버페이 포인트 전환 페이지
...
...
홈 페이지
진행 중인 캠페인과 획득한 리워드를 확인할 수 있는 페이지입니다.
홈 페이지에 대한 자세한 내용은 [제품 안내] 버즈부스터 메인 홈 화면 설정 안내 (확인) 문서에서 확인하실 수 있습니다.
...
...
친구초대 코드 입력 페이지
피추천인이 친구초대 코드를 입력할 수 있는 페이지로, 친구초대 캠페인 운영 시에만 활용 가능합니다.
친구초대 캠페인 운영을 원하시면 친구초대 캠페인 안내 문서(확인)를 참고해주세요.
...
...
포인트 사용 내역 페이지
유저가 포인트 적립/ 차감 내역을 확인할 수 있는 페이지로, 버즈부스터 포인트 사용 시에만 제공되는 화면입니다.
*자사 포인트를 연동해서 사용하시는 경우, 딥링크를 통해 자사 앱 내 포인트 사용 내역 페이지를 연결할 수 있습니다.
...
...
네이버페이 포인트 전환 페이지
유저가 모은 포인트를 네이버페이 포인트로 전환할 수 있는 페이지입니다.
네이버페이 전환 기능에 대한 자세한 내용은 [어드민] 버즈부스터 네이버페이 포인트 전환 기능 운영 가이드(확인)를 문서를 참고해주세요.
...
3. 딥링크로 이동
자사 앱 내의 특정한 페이지를 랜딩페이지로 지정할 수 있습니다.
원하시는 페이지로 이동하는 딥링크 url을 생성하여, 주소 입력 란에 입력해주세요.
활용 예시는 아래와 같습니다.
1) 공지사항 페이지로 이동
2) 제품 상세페이지로 이동
...