📘

인앱메시지를 사용하기 위해서는 아래 버전 이상의 SDK를 사용하셔야합니다.

Web : javascript 11.19.0, react 11.19.0
App : Android 2.24.0, iOS 2.22.0

대시보드의 메뉴의 인앱메시지 메뉴 우측 상단에 위치한 + 캠페인 만들기 버튼을 클릭해서 새로운 인앱메시지 캠페인을 생성하실 수 있습니다.

Step 1. 캠페인 정보 입력

• 이름: 필수 항목으로, 진행하려는 캠페인의 이름을 입력합니다.
• 설명: 선택 항목으로, 설명이 있다면 다른 팀원이 어떤 캠페인을 진행하는지 이해하는데 많은 도움이 됩니다.

Step 2. 캠페인 상태

캠페인을 생성하면 캠페인 키, 제목, 설명, 상태를 확인할 수 있습니다.

• 캠페인 키 : 캠페인을 구분하는 고유 값으로, 특정 캠페인에 노출된 사용자 등을 추출할때 활용될 수 있습니다.
• 캠페인 제목 / 설명 : 제목과 설명을 수정할 수 있습니다.
• 캠페인 상태 :처음 캠페인을 만들면 '준비' 상태입니다. 이후 캠페인 내용을 설정한 뒤에 캠페인을 시작할 수 있습니다. 진행중인 캠페인을 수정하려면 일시정지 상태로 변경해야하며, 캠페인을 더이상 진행하지않고 싶다면 종료할 수 있습니다.

Step 3-1. 캠페인 설정 > 유형

메시지가 발송되는 플랫폼 환경과 레이아웃을 선택할 수 있습니다.

• 지원 플랫폼
  • Web : PC Web, Mobile Web
  • App : Android, iOS
• 레이아웃
  • 화면 방향 : 세로, 가로
  • 모달 팝업
    • 이미지+버튼
    • 이미지+텍스트+버튼
  • 전면 팝업 (지원 예정)
  • 바텀 시트 (지원 예정)

Step 3-2. 메시지 설정 > 메시지

• 메시지에 포함될 콘텐츠와 스타일을 자유롭게 설정할 수 있습니다.
• 설정한 메시지 내용은 화면 오른쪽 미리보기 영역에 자동으로 표시됩니다.

• 이미지

  • 레이아웃별 추천 비율 및 사이즈
  • 가로 화면 방향을 선택한 경우 가로 화면용 이미지를 별도로 등록해야합니다.
    • 이미지 + 버튼형
      • 세로 : 2:3 / 1200px:1800px
      • 가로 : 3:2 / 1800px:1200px
    • 이미지 +텍스트+ 버튼형
      • 세로 : 29:10 / 1450px:500px
      • 가로 : 29:10 / 1450px:500px
  • 파일 형식 : PNG, JPG, JPEG
  • 파일 용량 : 최대 1MB
  • 클릭 액션
    • 없음
    • 링크 이동
      • 링크 열기 옵션 (Web에서만 제공) : 같은 창에서,새 창에서, 새 탭에서
      • 클릭시 메시지 닫기 : On, Off

• 팝업 스타일 : 팝업 영역의 배경, X 버튼 색상 지정 가능

• 텍스트

  • 타이틀 : 최대 30자
  • 바디 : 최대 70자
  • 색상 : 타이틀, 바디 텍스트 색상 지정 가능

• 버튼

  • 최대 2개
  • 색상 : 버튼 배경, 테두리, 텍스트 색상 지정 가능
  • 텍스트 : 최대 10자
  • 클릭 액션
    • 닫기
    • 하루동안 보지않기
    • 링크 이동
      - 링크 열기 옵션 (Web에서만 제공) : 같은 창에서, 새 창에서, 새 탭에서
      - 클릭시 메시지 닫기 : On, Off
      [block:image]
      {
      "images": [
      {
      "image": [
      "https://files.readme.io/245dfe2-_2023-08-10_16.52.31.png",
      "",
      ""
      ],
      "align": "center",
      "caption": "텍스트, 버튼 설정"
      }
      ]
      }
      [/block]

• 미리보기에서 문제가 없다면, 변경한 내용을 화면 위쪽 저장하기 버튼을 클릭하여 저장해주세요.

Step 4. 노출 시점

원하는 시점과 노출 횟수를 지정할 수 있습니다.

• 시작 이벤트
  • 어떤 이벤트가 발생할때 메시지가 노출될 것인지 설정할 수 있습니다. 이벤트를 추가하는 방법이 궁금하다면 이벤트 생성하기를 참고해보세요.
• 필터 (선택)
  • 이벤트의 속성을 통해 보다 상세한 조건 설정이 가능합니다. 예시 이미지에서는 특정 카테고리의 상품 페이지 방문 시점을 설정하기위해 view_productDetail 이벤트의 category_id 속성을 사용하였습니다.
• 노출 횟수
  • 고객의 피로도가 높아지지않도록 해당 메시지의 노출 빈도를 설정할 수 있습니다. 여러 조건을 설정한 경우 AND 조건으로 적용됩니다.
    • 동일한 사용자의 한 세션 동안에 최대 몇번 노출할 것인지
    • 동일한 사용자의 기기에게는 최대 몇번 노출할 것인지 (기간 관계없이)
    • 동일한 사용자에게 일별/시간별 최대 몇번 노출할 것인지

Step 5. 기간

메시지를 계속 노출시킬 것인지, 특정 기간 동안 노출시킬 것인지 설정할 수 있습니다.

• 상시 노출을 선택하면 해당 메시지는 '시작하기'를 클릭하면 즉시 노출되며, 별도로 '종료' 처리하지않으면 계속 노출됩니다.
• 기간을 직접 설정하면, 설정한 기간 동안에만 메시지가 노출됩니다.

Step 6. 대상 타겟팅하기

모든 사용자가 아니라 특정 사용자를 대상으로 타겟팅할 수도 있습니다. 다양한 속성을 활용해서 원하는 세그먼트를 설정해보세요.

실제 고객에게 노출전에 내부 사용자 기기에서 테스트를 해보고싶다면, 테스트 디바이스에 원하는 식별자 값을 입력해보세요.

Step 7. 시작하기

모든 항목을 입력했다면, 상단의 시작하기 버튼을 눌러 캠페인을 시작해보세요.

진행중인 캠페인은 일시 정지하거나 종료할 수 있습니다.