인앱 메시지 캠페인 만들기
인앱 메시지 사용하려면 아래 버전 이상의 SDK를 사용해야 합니다. SDK 버전 정보 보기
Web : javascript 11.17.0, react 11.17.0
App : Android 2.24.0, iOS 2.24.0, React Native 3.8.0, Flutter 2.5.0
대시보드의 메뉴의 인앱 메시지
메뉴 우측 상단에 위치한 + 캠페인 만들기
버튼을 클릭해서 새로운 인앱메시지 캠페인을 생성하실 수 있습니다.
Step 1. 캠페인 생성
- 이름: 필수 항목으로, 진행하려는 캠페인의 이름을 입력합니다.
- 설명: 선택 항목으로, 설명이 있다면 다른 팀원이 어떤 캠페인을 진행하는지 이해하는데 많은 도움이 됩니다.
Step 2. 캠페인 설정
캠페인을 생성하면 캠페인 키, 제목, 설명, 상태를 확인할 수 있습니다.
- 캠페인 키 : 캠페인을 구분하는 고유 값으로, 특정 캠페인에 노출된 사용자 등을 추출할때 활용될 수 있습니다.
- 캠페인 제목 / 설명 : 제목과 설명을 수정할 수 있습니다.
- 캠페인 상태 : 처음 캠페인을 만들면 '준비' 상태입니다. 이후 캠페인 내용을 설정한 뒤에 캠페인을 시작할 수 있습니다. 진행중인 캠페인을 수정하려면 일시정지 상태로 변경해야하며, 캠페인을 더이상 진행하지않고 싶다면 종료할 수 있습니다.
Step 2-1. 메세지 노출 유형 설정
메시지가 발송되는 플랫폼 환경과 레이아웃을 선택할 수 있습니다.
- 지원 플랫폼
- Web : PC Web, Mobile Web
- App : Android, iOS
- 레이아웃
- 화면 방향 : 세로, 가로
- 모달 팝업
- 이미지+버튼
- 이미지+텍스트+버튼
- 이미지
- 배너
- 텍스트
- 이미지 + 텍스트
- 이미지
- 바텀시트
- 이미지+버튼
- 이미지
- 전면 팝업 (지원 예정)
- 캐러셀 (지원 예정)
Step 2-2. 메세지 내 문구 입력
- 메시지에 포함될 콘텐츠와 스타일을 자유롭게 설정할 수 있습니다.
- 설정한 메시지 내용은 화면 오른쪽 미리보기 영역에 자동으로 표시됩니다.
- 이미지
- 레이아웃별 추천 비율 및 사이즈 (가로 화면 방향을 선택한 경우 가로 화면용 이미지를 별도로 등록해야합니다.)
레이아웃 | 권장 사이즈 |
---|---|
[모달] 이미지 | - 세로: 2:3 / 1200px:1800px |
[모달] 이미지 + 버튼형 | - 세로 : 2:3 / 1200px:1800px - 가로 : 3:2 / 1800px:1200px |
[모달] 이미지 +텍스트+ 버튼형 | - 세로 : 29:10 / 1450px:500px - 가로 : 29:10 / 1450px:500px |
[배너] 이미지 + 텍스트 | - 비율 : 1:1 - 사이즈 :150 x 150 px |
[배너] 이미지 | - 비율 : 24:7 - 사이즈 :288 x 84 px |
[바텀시트] 이미지 | - 세로: 3:2 / 1800px:1200px |
[바텀시트] 이미지 + 버튼형 | - 세로: 3:2 / 1800px:1200px |
- 파일 형식 : PNG, JPG, JPEG
- 파일 용량 : 최대 1MB
- 클릭 액션
- 없음
- 링크 이동
- 링크 열기 옵션 (Web에서만 제공) : 같은 창에서,새 창에서, 새 탭에서
- 클릭시 메시지 닫기 : On, Off
- 팝업 스타일 : 팝업 영역의 배경, X 버튼 색상 지정 가능
- 텍스트
- 타이틀 : 최대 30자
- 바디 : 최대 70자
- 색상 : 타이틀, 바디 텍스트 색상 지정 가능
- 버튼
- 최대 2개
- 색상 : 버튼 배경, 테두리, 텍스트 색상 지정 가능
- 텍스트 : 최대 10자
- 클릭 액션
- 닫기
- 하루동안 보지않기
- 링크 이동
- 링크 열기 옵션 (Web에서만 제공) : 같은 창에서, 새 창에서, 새 탭에서
- 클릭시 메시지 닫기 : On, Off
(클릭 시 메시지 닫기 ON 을 선택하시면, 입력한 링크 클릭시 인앱메세지가 닫히고, OFF 하시면 입력한 링크를 클릭해도, 인앱메세지가 닫히지 않고 유지됩니다.)
- 미리보기에서 문제가 없다면, 변경한 내용을 화면 위쪽 저장하기 버튼을 클릭하여 저장해주세요.
바텀시트 애니메이션
바텀시트 레이아웃에서 모바일, 태블릿의 경우 애니메이션을 지원하고 있습니다.
<바텀시트 - 모바일 애니메이션>
<바텀시트 - 태블릿 애니메이션>
Step 2-3. 메시지 A/B 테스트 설정
인앱메시지로 A/B 테스트를 진행하려면 아래 버전 이상의 SDK를 사용해야 합니다. SDK 버전 정보 보기
Web : javascript 11.29.0, react 11.29.0
App : Android 2.35.0, iOS 2.30.0, React Native 3.10.0, Flutter 2.8.0
인앱메세지의 메세지 안을 여러개 만들어서 각 메시지들을 실험해보고, 성과가 좋은 메세지를 선택 노출할 수 있습니다.
A/B 테스트 메시지 생성하기
메시지 작성에서 [+ A/B 테스트] 를 눌러서 실험을 준비하고 여러 메세지를 만들 수 있습니다.
- 메세지 안을 추가하고, 해당 메세지 안을 삭제할 수 있습니다.
새로운 메시지를 작성하거나, 현재 작성 중인 시안을 복사하여 여러개의 메시지를 작성하고 A/B 테스트를 진행할 수 있습니다.
- 대조군 (Control Group) 을 추가할 수 있습니다.
[대조군 추가하기]를 클릭하여 인앱 메시지를 보지 않은 사용자와 본 사용자를 대상으로 A/B 테스트를 진행할 수 있습니다.
A/B 테스트 설정
- 실험은 '성공 지표' 를 기준으로 각 메세지의 성과가 측정되고, 메세지 노출된 이후 1/24/48 시간마다 트래픽 분배를 유지하고, 각 메세지의 성과에 따라 트래픽 분배를 조정합니다.
- 클릭률은 인앱메세지 설정에서 입력한 링크(Link)의 클릭률만 집계합니다. ('닫기' 버튼은 클릭률 집계에 포함하지 않습니다.)
- 트래픽 분배는 MAB 라는 방식이고, MAB 실험 소개 문서를 보시면 자세히 알 수 있습니다.
-
성공 지표
-
메시지 클릭률 : 총 노출 대비 인앱 메시지 내 버튼 및 이미지를 클릭한 사용자의 비율
-
직접 선택시 계산 유형이 횟수이며 분모가 테스트 노출 기준인 것만 등록할 수 있습니다.
-
Step 3. 노출 시점 및 조건 설정
원하는 시점과 노출 횟수를 지정할 수 있습니다.
- 시작 이벤트
- 어떤 이벤트가 발생할때 메시지가 노출될 것인지 설정할 수 있습니다. 이벤트를 추가하는 방법이 궁금하다면 이벤트 생성하기를 참고해보세요.
- 필터 (선택)
- 이벤트의 속성을 통해 보다 상세한 조건 설정이 가능합니다. 예시 이미지에서는 특정 카테고리의 상품 페이지 방문 시점을 설정하기위해 view_productDetail 이벤트의 category_id 속성을 사용하였습니다.
- 노출 횟수
- 고객의 피로도가 높아지지않도록 해당 메시지의 노출 빈도를 설정할 수 있습니다. 여러 조건을 설정한 경우 OR 조건으로 적용됩니다.
- 동일한 사용자의 한 세션 동안에 최대 몇번 노출할 것인지
- 동일한 사용자의 기기에게는 최대 몇번 노출할 것인지 (기간 관계없이)
- 동일한 사용자에게 일별/시간별 최대 몇번 노출할 것인지
- 고객의 피로도가 높아지지않도록 해당 메시지의 노출 빈도를 설정할 수 있습니다. 여러 조건을 설정한 경우 OR 조건으로 적용됩니다.
Step 4. 노출 기간 설정
메시지를 계속 노출시킬 것인지, 특정 기간 동안 노출시킬 것인지 설정할 수 있습니다.
- 상시 노출을 선택하면 해당 메시지는 '시작하기'를 클릭하면 즉시 노출되며, 별도로 '종료' 처리하지않으면 계속 노출됩니다.
- 기간을 직접 설정하면, 설정한 기간 동안에만 메시지가 노출됩니다.
Step 5. 노출 대상 설정
모든 사용자가 아니라 특정 사용자를 대상으로 타겟팅할 수도 있습니다. 다양한 속성을 활용해서 원하는 세그먼트를 설정해보세요.
실제 고객에게 노출전에 내부 사용자 기기에서 테스트를 해보고싶다면, 테스트 디바이스에 원하는 식별자 값을 입력해보세요.
Step 6. 시작하기
모든 항목을 입력했다면, 상단의 [시작하기] 버튼을 눌러 캠페인을 시작해보세요.
6-1. 우선순위 설정
예를 들어, view_home 에 인앱메세지가 3개 설정된 경우처럼 동일한 조건/상황에 여러 메세지가 설정되어 있다면 메세지간 우선순위를 설정해서 노출을 관리할 수 있어요.
개별 캠페인 우선순위 설정하기
캠페인 내용 작성시 노출 설정 영역에서 작성중인 캠페인의 우선 순위를 선택할 수 있습니다.
전체 캠페인 우선순위 설정하기
전체 캠페인의 우선순위는 캠페인 작성 완료 이후 설정 가능합니다. 캠페인 최상단 [시작하기] 옆 [우선순위 설정] 버튼을 클릭하세요.
클릭하시면 볼 수 있는 팝업에서 [매우높음 - 높음 - 중간 - 낮음 - 매우 낮음] 과 같은 단계를 볼 수 있고, 예시 처럼 같은 page_view 라면 매우 높음은 '서비스 이용 안내 공지' 가 노출됩니다.
목록을 접고, 펼치면 단계에 소속된 캠페인들을 확인할 수 있고, 이 캠페인들은 워크 스페이스에 생성된 캠페인을 모두 보여줍니다.
각 캠페인을 드래그 앤 드랍(클릭한 채로 이동) 하여 단계를 변경할 수 있습니다.
6-2. 실험이 있는 캠페인 진행
- 시작하기 : 실험을 설정한 경우도 동일하게 [시작하기] 버튼을 눌러서 실험을 시작할 수 있습니다.
- 실험 진행하기
- 실험이 진행되면, 각 그룹의 노출 횟수, 전환 횟수, 전환율, 가장 우수할 확률을 확인할 수 있습니다. ('전환' 은 클릭을 의미합니다)
- 하단 그래프에서 각 그룹의 전환율 추이, 트래픽 분배, 누적 분배 현황 등 상세 정보를 확인할 수 있습니다.
- 실험 일시 정지 및 종료
- 성과 확인 후, 가장 우수한 메세지만 노출하고 싶다면 [테스트 종료] 를 눌러서 우수한 메세지(Winner) 를 선택할 수 있습니다.
- [테스트 종료] 만 하시면, 가장 우수한 메세지(예를 들어 B안) 으로만 계속 노출할 수 있습니다.
- [일시 정지] 를 누르시면, 해당 메세지 노출이 일시 정지되고, 이때 실험도 동시에 정지됩니다.
- 성과 확인 후, 가장 우수한 메세지만 노출하고 싶다면 [테스트 종료] 를 눌러서 우수한 메세지(Winner) 를 선택할 수 있습니다.
- 종료하기
- 실험 종료 이후 [종료] 버튼을 누르면 인앱메세지 캠페인을 종료할 수 있습니다.
Updated 2 months ago