Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

개요

출석체크 - 비밀리워드 캠페인은 미션에 따른 UI를 추가적으로 제공하며, 랜덤한 리워드 지급을 지원합니다.
상세페이지 내 배너, 바텀시트를 통한 페이지 이동을 지원합니다.

캠페인 생성 방법

캠페인 기본 정보 입력 (필수)

  1. 캠페인명을 입력하세요. 입력한 캠페인명은 어드민에서 캠페인 조회 시 노출됩니다.

  2. 캠페인 시작일을 입력하세요. 캠페인 활성화 토글이 켜져있을 경우, 지정하신 시작일에 자동으로 시작됩니다.
    *토글은 캠페인 생성 이후 캠페인 이름 왼편에서 켤 수 있으며, 활성화된 버튼은 초록색으로 변경됩니다.

  3. 캠페인 종료일을 입력하세요. 캠페인 활성화 토글이 켜져있을 경우, 지정하신 시작일에 자동으로 시작됩니다.
    종료일을 입력하지 않으면 캠페인은 자동 종료되지 않으며, 캠페인 활성화 토글을 끄면 종료됩니다.

...

입력한 시작일부터 종료일까지의 날짜에 한해 진한 글씨로 노출됩니다.

캠페인 상세페이지 이미지 업로드 (필수)

이벤트 상세페이지 이미지는 유저에게 캠페인의 내용을 전달하기 위한

...

영역입니다.

이벤트 상세 페이지 메인 이미지 디자인 가이드

  • 캠페인 제목과 캠페인 설명(운영 기간, 참여 방법, 당첨 상품 등)을 포함해서 제작해 주세요.

  • 연속 출석 도중 하루를 빠질 경우와 이벤트 종료일 이후, 출석 일수가 리셋되어 1일차부터 다시 시작하게 되며, 특별 리워드 예상 아이콘의 위치가 변경되는 설명을 포함해서 제작해 주세요.

  • 가로 500px 이상 권장 드리며, 세로 최대 길이 제한 없습니다.

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

  • 출석체크와 연관된 이미지 권장 드립니다.

  • 이미지 확장자 : JPG / JPEG / PNG

...

✍️ 참고

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

띠배너 세팅 (선택)

원하는 페이지로 유저들을 이동시킬 수 있는 띠배너를 추가할 수 있습니다.

띠 배너는 최대 4개까지 추가할 수 있습니다.

우측 미리보기를 통해 입력한 내용이 적용된 화면을 확인하실 수 있습니다.

  1. 배너 테마를 선택해주세요. 선택한 테마에 따라 색상 배열이 변경됩니다.

  2. 배너 위치를 선택해주세요.

  3. 배너 문구를 입력해주세요.(공백 포함 15자)

  4. 버튼 문구를 입력해주세요. (공백 포함 8자)

  5. 연결 링크를 입력해주세요. 이동 페이지로의 딥링크가 필요합니다.

...

공유하기 버튼 세팅 (선택)

출석체크 캠페인 상세페이지를 공유하기 위한 버튼을 추가할 수 있습니다.

  1. 하단 공유하기 버튼 토글을 켜주세요.

  2. 하단 공유하기 버튼 텍스트를 입력해주세요. (공백포함 15자)

  3. 메시지 전송 시 공유될 메시지 내용을 입력해주세요. 초대 메시지에는 캠페인 상세페이지로 이동하는 딥링크가 필수로 포함되어야 합니다.

...

출석 버튼 문구 세팅 (필수)

출석체크 버튼 문구를 입력해주세요.

출석 전, 후 문구를 각각 세팅할 수 있습니다.

...

하단 배너 세팅 (선택)

원하는 페이지로 유저들을 이동시킬 수 있는 배너를 최대 5개까지 추가할 수 있습니다.

우측 미리보기를 통해 입력한 내용이 적용된 화면을 확인하실 수 있습니다.

1. 배너 이미지를 업로드해주세요.

  • 크기 : 250KB 이하 권장

  • 가로 327px, 세로 120px

  • 이미지 확장자 : JPG / PNG

2. 연결 링크를 입력해주세요. 이동 페이지로의 딥링크가 필요합니다.

...

유의사항 문구 입력

캠페인 상세페이지 하단에 노출될 유의사항 문구를 입력해주세요.
줄바꿈 유의사항 입력 불렛포인트가 자동으로 적용됩니다줄바꿈을 하면 자동으로 불렛포인트가 적용되며, 들여쓰기와 단락 띄어쓰기는 불가능합니다.

...

기본 리워드 설정

유저가 출석 시 지급할 리워드(포인트/응모권) 금액을 입력하세요입력해주세요. 여러개의

여러 개의 리워드를 입력 후 당첨 확률을 조정할 수 있습니다.

...

리워드의 종류는 최대 5개까지 추가할 수 있습니다.

...

바텀시트 설정 (리워드 지급 시 노출되는 영역)

  1. 결과 안내 제목과

...

  1. 설명을 입력하세요. 기본 리워드 지급 시 노출됩니다.

  2. 연결 링크를 입력하면 아래와 같이 노출되며, 클릭 시 입력한 링크로 이동합니다.

  3. 바텀시트 연결 링크는 최대 3개까지 추가할 수 있습니다.

  4. 커스텀 아이콘 업로드 가이드

  • 50KB 이하 권장

  • 가로, 세로 144px

  • 1:1 비율

  • 확장자 PNG(투명 배경)

Image AddedImage Added

✍️ 참고

리워드 지급 시 노출되는 팝업 메시지가 바텀시트가 화면에 어떻게 반영되는지 확인하려면, 우측 미리보기의 출석하기 버튼을 클릭하세요.

...

Image RemovedImage Removed클릭하여 확인하실 수 있습니다.

...

추가 미션 설정 - 비밀 리워드

  1. 미션명을 입력하세요. 미션명은 리워드 어드민 > 지급내역에 노출됩니다.

  2. 미션으로 설정할 연속출석 일수를 입력하세요.

  3. 미션 달성 시 지급할 리워드(포인트)금액을 , 응모권) 금액(장수)을 입력하세요.

  4. 비밀리워드 UI영역 에 UI 영역에 노출될 아이콘, 문구버튼문구, 컬러를 설정해주세요. 우측 미리보기를 통해 입력한 내용이 적용된 화면을 확인하실 수 있습니다.

...

image-20240329-081642.pngImage Added

Image Modified

추가 미션 설정 - 연속출석 리워드

  1. 미션명을 입력하세요. 미션명은 리워드 어드민 > 지급내역에 노출됩니다.

  2. 미션으로 설정할 연속출석 일수를 입력하세요.

  3. 미션 달성 시 지급할 리워드 금액을 (포인트, 응모권) 금액(장수)을 입력하세요. 여러개의 리워드를 입력 후 당첨 확률을 조정할 수 있습니다.

  4. 연속출석 미션 달성 예측일에 캘린더에 표기될 아이콘을 설정해주세요.

...

  1. 달성 시 안내 문구에 ${N}를 입력하면 당첨된 리워드 금액으로 자동 대체됩니다.

  2. 캘린더 아이콘은 유저의 미션 달성일에 미리 노출됩니다. 노출되어

...

...

Image Modified

캠페인 동작 안내

달성하는 미션에 따라 아래와 같이 동작합니다.

  1. 연속출석 리워드 달성일에 대한 리워드는 일회성으로 지급됩니다.

  2. 기본 리워드, 연속출석 리워드 동시 달성 시에는 기본리워드는 지급되지 않고 미션 리워드만 지급됩니다.

  3. 기본 리워드, 비밀 리워드 동시 달성 시에는 두가지 리워드가 모두 지급됩니다

...