[제품 안내] Entry - 배너 (외부용)

개요

배너는 버즈베네핏 유저에게 베너핏 허브 상단에 노출되어 랜딩페이지 이동할 수 있는 화면으로, 여러개의 배너를 생성할 경우 4초마다 자동으로 롤링되며, 유저가 수동으로 롤링하여 다음 배너를 넘겨볼 수 있습니다.

배너는 버즈베네핏 연동 시 설정할 수 있으며, 배너 생성 및 노출 설정은 어드민을 통해 가능합니다.

Screenshot_20240429-165049.jpg

 

배너 생성 방법 안내

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

  2. + 새 엔트리 생성 버튼을 클릭하세요.

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

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

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

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

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

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

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

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

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

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

image-20240430-065652.png

 

참고

  • 배너 내 나타나는 글자색은 검정색(#000000)으로 글자색은 변경이 불가능합니다.

  • 배경 컬러 선택 시, 진한 배경색을 고르면 배너 내 캠페인 설명이 안 보일 수 있습니다. 배경색 위의 글자가 잘 보이는지 테스트 후 골라주세요.

  • 배너 엔트리 아이콘 디자인 가이드

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

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

    • 이미지 확장자 : PNG

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

 

배너 랜딩페이지 설정 안내

캠페인 상세 페이지로 이동

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

이미 종료된 캠페인(Cancelled, Completed)을 제외한 모든 캠페인의 상세페이지가 지원됩니다.

 

딥링크로 이동

자사 앱 내의 특정한 페이지를 랜딩페이지로 지정할 수 있습니다.
원하시는 페이지로 이동하는 딥링크 url을 생성하여, 주소 입력 란에 입력해주세요.

활용 예시는 아래와 같습니다.

ex. 공지사항 페이지로 이동, 제품 상세페이지로 이동

 

버즈부스터 페이지로 이동

버즈부스터에서 제공하는 여러 페이지를 랜딩페이지로 지정할 수 있습니다.
이동 가능한 페이지는 아래와 같습니다.

  1. 홈페이지

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

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

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