Firebase 인앱 메시지는 사전 구성된 동작 및 메시지 유형의 유용한 집합과 기본 디자인을 제공하지만 경우에 따라 동작과 메시지 콘텐츠를 확장할 수 있습니다. 인앱 메시지를 사용하면 메시지에 작업을 추가하고 메시지의 디자인을 맞춤설정할 수 있습니다.
메시지에 작업 추가
작업을 사용하면 인앱 메시지를 통해 사용자를 웹사이트 또는 앱의 특정 화면으로 안내할 수 있습니다.
딥 링크 핸들러 구현
Firebase In-App Messaging는 링크 핸들러를 사용하여 작업을 처리합니다. SDK는 여러 핸들러를 사용할 수 있으므로 앱에 이미 핸들러가 있는 경우 Firebase In-App Messaging에서 추가 설정 없이 사용할 수 있습니다. 아직 설치하지 않은 경우 핸들러가 있다면 Firebase Dynamic Links를 사용할 수 있습니다. 자세한 내용은 iOS에서 동적 링크 만들기를 참고하세요.
Firebase 콘솔을 사용하여 메시지에 작업 추가
앱에 링크 핸들러가 있으면 작업을 사용하여 캠페인을 작성할 수 있습니다. Firebase Console에서 메시지를 열고 새 캠페인을 시작하거나 기존 캠페인을 수정합니다. 캠페인에서 카드, 버튼 텍스트와 버튼 작업, 이미지 작업 또는 배너 작업을 제공합니다. 여기서 작업은 관련 딥 링크입니다.
작업의 형식은 선택한 메시지 레이아웃마다 다릅니다. 모달에는 버튼 텍스트 콘텐츠, 텍스트 색상, 배경 색상을 맞춤설정할 수 있는 작업 버튼이 생깁니다. 반면에 이미지 및 상단 배너는 대화형이 되고 탭하면 지정된 작업이 호출됩니다.
메시지 디자인 수정
Firebase In-App Messaging를 사용하면 메시지 표시를 맞춤설정하여 앱이 렌더링되는 방식을 변경할 수 있습니다. 메시지' 버튼 모양, 기타 세부정보 등을 예로 들 수 있습니다 두 가지 메시지 표시를 수정하는 방법: 기본 Firebase In-App Messaging 수정 처음부터 나만의 메시지 표시 라이브러리를 만들 수 있습니다.
기본 표시 수정
메시지를 맞춤설정하는 가장 간단한 방법은 Firebase In-App Messaging의 기본 메시지 표시 코드입니다.
firebase-ios-sdk
저장소를 클론합니다.
시작하려면 firebase-ios-sdk
저장소의 최신 출시 버전을 클론하고 InAppMessaging 디렉터리를 엽니다.
수정할 메시지 유형 선택
저장소를 클론하면 Firebase In-App Messaging 메시지 유형인 Card
, Modal
, Banner
, ImageOnly
의 전체 또는 일부를 수정할 수 있습니다. 각 유형은 Firebase In-App Messaging 캠페인 만들기 과정의 메시지 레이아웃과 일치합니다.
따라서 각 유형은 Firebase 콘솔의 캠페인 맞춤설정 옵션:
유형 | titleText | bodyText | textColor | backgroundColor | imageData | actionButton | secondaryActionButton |
---|---|---|---|---|---|---|---|
Card | |||||||
Modal | |||||||
Banner | |||||||
ImageOnly |
메시지 표시 렌더링 코드 수정
메시지 유형 제한만 감안하면 원하는 대로 수정이 가능합니다. 앱 하단에 표시되는 배너를 만들거나, 모달의 작업 버튼을 옮기거나, 사용자의 메시지에 인앱 메시지를 삽입하거나, 앱에 어울리는 디자인의 메시지로 수정할 수도 있습니다.
메시지 표시를 수정할 때는 두 가지 사항에 주의해야 합니다.
- 메시지 유형 디렉터리: 메시지 유형마다 유형의 로직을 결정하는 파일이 포함된 별도의 디렉터리가 있습니다.
- 스토리보드:
InAppMessaging
라이브러리에는 세 가지 메시지 유형 모두의 UI를 정의하는 데 유용한.storyboard
파일도 있습니다.
원하는 메시지 유형의 디렉터리에 있는 파일과 .storyboard
의 해당하는 섹션을 수정하여 커스텀 메시지 표시를 만듭니다.
수정된 InAppMessaging
코드를 사용하도록 podfile 업데이트
Firebase In-App Messaging에서 기본 메시지 대신 수정된 메시지 표시를 사용하도록 하려면
맞춤설정된 InAppMessaging
라이브러리를 사용하도록 podfile을 업데이트합니다.
# Uncomment the next line to define a global platform for your project # platform :ios, '9.0' target 'YourProject' do # Comment the next line if you're not using Swift and don't want to use dynamic frameworks use_frameworks! # Pods for YourProject pod 'Firebase' # Remove the default InAppMessaging pod: # pod 'Firebase/InAppMessaging' # Overwrite it with a version that points to your local copy: pod `FirebaseInAppMessaging', :path => '~/Path/To/The/Cloned/Repo/' end
나만의 메시지 표시 라이브러리 만들기
InAppMessaging
라이브러리를 사용하지 않고도 표시되는 메시지의 UI를 만들 수 있습니다. 즉, 자신만의 코드를 처음부터 작성할 수도 있습니다.
InAppMessagingDisplay
프로토콜을 구현하는 클래스 빌드
Firebase In-App Messaging는 InAppMessaging
클래스를 사용하여
Firebase 서버 및 앱 이 클래스는 결과적으로
InAppMessagingDisplay
프로토콜을 사용하여 수신하는 메시지를 표시합니다.
직접 표시 라이브러리를 빌드하려면 이 프로토콜을 구현하는 클래스를 작성합니다.
프로토콜 정의 및 준수 방법에 대한 문서는 InAppMessaging
라이브러리의 FIRInAppMessagingDisplay.h
파일에 있습니다.
나만의 메시지 표시 라이브러리를 사용하도록 messageDisplayComponent
설정
InAppMessaging
에서는 messageDisplayComponent
속성을 사용하여 메시지를 표시할 때 사용할 객체를 결정합니다. 해당 속성을 맞춤
메시지 표시 클래스를 사용하므로 Firebase In-App Messaging는 라이브러리를 사용하여 메시지를 렌더링해야 합니다.
InAppMessaging.inAppMessaging().messageDisplayComponent = yourInAppMessagingRenderingInstance