팝업 메시지 생성
팔로우1. [Create Pop-up Message] 버튼을 클릭합니다.
2. 캠페인 이름(팝업 메시지 이름)을 입력합니다.
💡 Tip : 캠페인 발송 목적을 설정하면, Total Click과 Unique Click 기준으로 KPI 이벤트 리포트를 확인할 수 있습니다.
3. 메시지를 노출하고 싶은 타겟군을 설정합니다.
💡 Tip : 예시에는 '최근 7일 1회 이상 방문'이라는 특정 조건을 설정했습니다. 오디언스 스튜디오에서 생성한 타겟 대상으로 캠페인을 설정할 수 있습니다.
4. 플랫폼 및 레이아웃을 선택합니다.
[[인용:경고:보통]] 스티키 배너 Mobile Web과 PC Web은 추후 업데이트를 통해 제공합니다.
5. [이미지 영역]을 클릭하여 이미지를 업로드 합니다.
이미지 업로드 규격은 레이아웃 별로 상이합니다.
💡App/Mobile Web 이미지 사이즈 보러가기
💡PC Web 이미지 사이즈 보러가기
모바일(App, Mobile Web)과 PC Web의 이미지 클릭 액션 옵션은 아래와 같습니다.
옵션 | 설명 | 비고 |
없음 | 이미지 클릭 시의 변화가 없습니다. | |
닫기 | 이미지 클릭 시 팝업 메시지를 닫습니다. | |
웹링크 | 이미지 클릭 시 설정한 웹링크로 이동하며, 팝업 메시지는 유지합니다. | |
웹링크(닫기) | 이미지 클릭 시 설정한 웹링크로 이동하며, 팝업 메시지는 닫힙니다. | |
딥링크(닫기) | 이미지 클릭 시 설정한 딥링크 지점으로 이동하며, 팝업 메시지는 닫힙니다. | PC Web 이미지에서 지원하지 않습니다. |
6. 메시지의 내용을 입력합니다.
- 스티키 배너는 타이틀 없이 바디 내용만 입력할 수 있습니다.
- [메시지 불러오기] 버튼 클릭 시 Growth Action > Assets에 미리 저장한 메시지 내용을 불러올 수 있습니다.
7. 버튼을 설정합니다.
- Web PC 플랫폼을 선택한 경우, PC 클릭 액션 설정이 추가됩니다.
- 모든 레이아웃에서 버튼은 최대 2개까지 설정할 수 있습니다.
모바일(App, Mobile Web)과 PC Web의 버튼 클릭 액션 옵션은 아래와 같습니다.
옵션 | 설명 | 비고 |
닫기 | 버튼 클릭 시 팝업 메시지를 닫습니다. | |
웹링크 | 버튼 클릭 시 설정한 웹링크로 이동하며, 팝업 메시지는 유지합니다. | |
웹링크(닫기) | 버튼 클릭 시 설정한 웹링크로 이동하며, 팝업 메시지는 닫힙니다. | |
딥링크(닫기) | 버튼 클릭 시 설정한 딥링크 지점으로 이동하며, 팝업 메시지는 유지합니다. | PC Web 이미지에서 지원하지 않습니다. |
오늘 하루 그만 보기 | 팝업 메시지를 닫고, 하루 동안 메시지를 노출 시키지 않습니다. |
8. 배경색을 설정합니다.
팝업 메시지 설정 시 '배경색'이란 메시지 카드의 배경 색상을 말합니다.
이 때 사용자가 다음 두 가지 상황에서 배경색을 설정할 수 있습니다.
- 풀 스크린 이미지 > 스크롤 가능하게 하기
- 스크롤 가능하게 하기 시 이미지가 화면에 꽉 차지 않는 경우, 사용자는 메시지 카드의 배경 색상을 설정할 수 있습니다.
- '텍스트'가 포함된 레이아웃
- 텍스트가 포함된 메시지 카드의 배경 색상을 설정할 수 있습니다. 이는 사용자가 메시지 내용을 더욱 명확하게 이해하고자 할 때,
혹은 메시지의 시각적인 디자인을 고려할 때 유용합니다.
- 텍스트가 포함된 메시지 카드의 배경 색상을 설정할 수 있습니다. 이는 사용자가 메시지 내용을 더욱 명확하게 이해하고자 할 때,
9. 팝업 뒷 배경을 설정합니다.
'팝업 뒷 배경'이란 팝업 메시지가 나타날 때 메시지 뒤쪽에 딤드 처리된 배경을 말합니다.
이 배경을 설정한 경우, 사용자는 팝업 메시지를 볼 때 다른 요소에 대한 클릭 등의 이벤트가 불가하여 팝업 메시지에 집중할 수 있습니다.
배경을 설정하지 않은 경우, 팝업 메시지가 떠 있는 동안에도 기존 화면에서 스크롤 및 클릭이 가능합니다.
하지만 이 경우, 사용자가 팝업 메시지를 놓치거나 무시할 수 있으므로,
팝업 메시지가 중요한 정보를 전달하거나 사용자의 선택이 필요한 경우에는 팝업 뒷 배경을 설정하는 것이 좋습니다.
10. 노출 위치를 설정합니다.
노출 위치는 PC Web과 스티키 배너에서 설정할 수 있으며, 모든 언어에서 통합적으로 설정됩니다.
11. 메시지를 노출하고 싶은 기간과 트리거를 설정합니다.
💡 Tip : 이벤트 트리거를 잘 활용하기 위해 디파이너리 이벤트를 알아봐요!