Skip to content

튜토리얼: 조건부 인앱 메시지 표시

이 튜토리얼의 샘플 코드를 따라 Braze SDK를 사용하여 인앱 메시지를 조건부로 표시하는 방법을 알아보세요.

필수 조건

이 기능을 사용하려면 먼저 Web Braze SDK를 통합해야 합니다. 그러나 추가 설정은 필요하지 않습니다.

웹용 인앱 메시지 조건부 표시

1. automaticallyShowInAppMessages() 호출 제거 {#1-remove-calls-to-automaticallyshowinappmessages}

automaticallyShowInAppMessages()에 대한 호출을 모두 제거하세요. 이 호출은 나중에 구현하는 커스텀 로직을 재정의하기 때문입니다.

2. 디버깅 활성화(선택 사항) {#2-enable-debugging-optional}

개발 중 문제 해결을 쉽게 하려면 디버깅을 활성화하는 것을 고려하세요.

3. 인앱 메시지 업데이트 구독 {#3-subscribe-to-in-app-message-updates}

subscribeToInAppMessage(callback)로 콜백을 등록하면 인앱 메시지가 트리거될 때마다 message를 수신할 수 있습니다.

4. 조건 로직 생성 {#4-create-conditional-logic}

메시지가 표시되는 시점을 제어하는 커스텀 로직을 생성합니다. 이 예제에서는 URL에 "checkout"이 포함되어 있는지 또는 페이지에 #checkout 요소가 있는지 확인합니다.

5. showInAppMessage로 메시지 표시 {#5-display-messages-with-showinappmessage}

메시지를 표시하려면 showInAppMessage(message)를 호출합니다. 생략하면 메시지를 건너뜁니다.

Please rate this tutorial:

필수 조건

이 기능을 사용하려면 먼저 Android Braze SDK를 통합해야 합니다. 또한 Android용 인앱 메시지 활성화가 필요합니다.

Android용 인앱 메시지 조건부 표시

1. 디버깅 활성화(선택 사항) {#1-enable-debugging-optional}

개발 중 문제 해결을 쉽게 하려면 디버깅을 활성화하는 것을 고려하세요.

2. 액티비티 수명 주기 콜백 등록 {#2-register-activity-lifecycle-callbacks}

Braze의 기본 리스너를 등록하여 인앱 메시지 수명 주기를 처리합니다.

3. 인앱 메시지 리스너 설정 {#3-set-up-an-in-app-message-listener}

BrazeInAppMessageManager를 사용하여 메시지가 표시되기 전에 가로채는 커스텀 리스너를 설정합니다.

4. 조건 로직 생성

커스텀 로직을 사용하여 메시지 표시 타이밍을 제어합니다. 이 예제에서는 should_display_message 추가 항목이 "true"로 설정되어 있는지 확인합니다.

5. 메시지 반환 또는 삭제 {#5-return-or-discard-the-message}

메시지를 표시하려면 DISPLAY_NOW와 함께, 숨기려면 DISCARD와 함께 InAppMessageOperation을 반환합니다.

Please rate this tutorial:

필수 조건

이 기능을 사용하려면 먼저 Swift Braze SDK를 통합해야 합니다. 또한 Swift용 인앱 메시지 활성화가 필요합니다.

Swift용 인앱 메시지 조건부 표시

1. BrazeInAppMessageUIDelegate 구현 {#1-implement-the-brazeinappmessageuidelegate}

AppDelegate 클래스에서 BrazeInAppMessageUIDelegate를 구현하여 나중에 inAppMessage 메서드를 재정의할 수 있도록 합니다.

2. 디버깅 활성화(선택 사항)

개발 중 문제 해결을 쉽게 하려면 디버깅을 활성화하는 것을 고려하세요.

3. Braze UI 및 델리게이트 설정 {#3-set-up-your-braze-ui-and-delegate}

BrazeInAppMessageUI()는 기본적으로 인앱 메시지를 렌더링합니다. self를 델리게이트로 지정하면 메시지가 표시되기 전에 가로채서 처리할 수 있습니다.

4. 조건 로직으로 DisplayChoice 재정의 {#4-override-displaychoice-with-conditional-logic}

inAppMessage(_:displayChoiceForMessage:)를 재정의하여 메시지 표시 여부를 결정합니다. 메시지를 표시하려면 .now를, 숨기려면 .discard를 반환합니다.

Please rate this tutorial:

New Stuff!