튜토리얼: 키-값 페어를 사용하여 메시지 스타일링 커스터마이즈하기
이 튜토리얼의 샘플 코드를 따라 Braze SDK에서 키-값 페어를 사용하여 인앱 메시지 스타일링을 커스터마이즈하세요.
필수 조건
이 기능을 사용하려면 먼저 Web Braze SDK를 통합해야 합니다. 그러나 추가 설정은 필요하지 않습니다.
웹용 키-값 페어를 사용하여 메시지 스타일링 커스터마이즈하기
1. automaticallyShowInAppMessages() 호출 제거 {#1-remove-calls-to-automaticallyshowinappmessages}
나중에 구현하는 커스텀 로직을 재정의하므로 automaticallyShowInAppMessages()에 대한 모든 호출을 제거하세요.
2. 디버깅 활성화(선택 사항) {#2-enable-debugging-optional}
개발 중 문제 해결을 쉽게 하기 위해 디버깅을 활성화하는 것을 고려하세요.
3. 인앱 메시지 콜백 핸들러 구독 {#3-subscribe-to-the-in-app-message-callback-handler}
인앱 메시지가 트리거될 때마다 메시지를 수신하려면 subscribeToInAppMessage(callback)에 콜백을 등록하세요.
4. message.extras 속성에 액세스 {#4-access-the-messageextras-property}
message.extras를 사용하여 커스터마이즈 유형, 스타일링 속성 또는 대시보드에 정의된 기타 값에 액세스합니다. 모든 값은 문자열로 반환됩니다.
5. 조건부로 showInAppMessage 호출 {#5-conditionally-call-showinappmessage}
메시지를 표시하려면 showInAppMessage(message)를 호출합니다. 그렇지 않으면 필요에 따라 커스텀 속성을 사용합니다.
필수 조건
이 기능을 사용하려면 먼저 Android Braze SDK를 통합해야 합니다. 또한 Android용 인앱 메시지를 활성화해야 합니다.
Android용 키-값 페어를 사용하여 메시지 스타일링 커스터마이즈하기
1. 디버깅 활성화(선택 사항) {#1-enable-debugging-optional}
개발 중 문제 해결을 쉽게 하기 위해 디버깅을 활성화하는 것을 고려하세요.
2. 액티비티 라이프사이클 콜백 등록 {#2-register-activity-lifecycle-callbacks}
Braze의 기본 리스너를 등록하여 인앱 메시지 라이프사이클을 처리합니다.
3. 커스텀 뷰 팩토리 클래스 생성 {#3-create-your-custom-view-factory-class}
클래스가 IInAppMessageViewFactory를 준수하는지 확인하여 커스텀 메시지 뷰를 구성하고 반환할 수 있도록 합니다.
4. Braze의 기본 팩토리에 위임 {#4-delegate-to-brazes-default-factory}
조건부 변경 사항을 적용하기 전에 기본 팩토리에 위임하여 Braze의 기본 제공 스타일링을 유지합니다.
5. inAppMessage.extras에서 키-값 페어에 액세스 {#5-access-key-value-pairs-from-inappmessageextras}
inAppMessage.extras를 사용하여 커스터마이즈 유형, 스타일링 속성 또는 대시보드에 정의된 기타 값에 액세스합니다. 뷰를 반환하기 전에 스타일 재정의를 적용합니다.
6. 커스텀 IInAppMessageViewFactory 구현 {#6-implement-a-custom-iinappmessageviewfactory}
커스텀 클래스에서 IInAppMessageViewFactory를 구현하여 인앱 메시지 뷰를 구성하고 렌더링합니다.
필수 조건
이 기능을 사용하려면 먼저 Swift Braze SDK를 통합해야 합니다. 또한 Swift용 인앱 메시지를 활성화해야 합니다.
Swift용 키-값 페어를 사용하여 메시지 스타일링 커스터마이즈하기
1. BrazeInAppMessageUIDelegate 구현 {#1-implement-brazeinappmessageuidelegate}
AppDelegate 클래스에서 BrazeInAppMessageUIDelegate를 구현하여 나중에 inAppMessage 메서드를 재정의할 수 있도록 합니다.
2. 디버깅 활성화(선택 사항)
개발 중 문제 해결을 쉽게 하기 위해 디버깅을 활성화하는 것을 고려하세요.
3. 메시지가 표시되기 전에 준비하기 {#3-prepare-messages-before-theyre-displayed}
Braze는 메시지 준비 중에 inAppMessage(_:prepareWith:)를 호출합니다. 이를 사용하여 스타일링을 커스터마이즈하거나 키-값 페어를 기반으로 로직을 적용할 수 있습니다.
4. message.extras에서 키-값 페어에 액세스 {#4-access-key-value-pairs-from-messageextras}
message.extras를 사용하여 커스터마이즈 유형, 스타일링 속성 또는 대시보드에 정의된 기타 값에 액세스합니다.
5. 메시지의 스타일링 속성 업데이트 {#5-update-the-messages-styling-attributes}
inAppMessage(_:prepareWith:)를 사용하여 PresentationContext에 액세스하면 스타일링 속성을 직접 수정할 수 있습니다. 각 인앱 메시지 유형은 서로 다른 속성을 노출합니다.