Skip to content

인앱 메시지

인앱 메시지와 Braze SDK에 대한 설정 방법에 대해 알아보세요.

Prerequisites

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

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

인앱 메시지 활성화

1단계: 등록 BrazeInAppMessageManager

인앱 메시지 표시는 BrazeInAppMessageManager 클래스에 의해 관리됩니다. 앱의 모든 활동을 BrazeInAppMessageManager에 등록해야 인앱 메시지 보기를 보기 계층 구조에 추가할 수 있습니다. 이를 달성하는 방법에는 두 가지가 있습니다:

활동 수명 주기 콜백 통합은 인앱 메시지 등록을 자동으로 처리하므로 추가 통합이 필요하지 않습니다. 이것은 인앱 메시지 등록을 처리하는 권장 방법입니다.

당신의 Application.onCreate()에서, ensureSubscribedToInAppMessageEvents()를 호출하십시오:

1
BrazeInAppMessageManager.getInstance().ensureSubscribedToInAppMessageEvents(context);
1
BrazeInAppMessageManager.getInstance().ensureSubscribedToInAppMessageEvents(context)

인앱 메시지를 표시할 수 있는 모든 활동에서, 해당 활동의 onResume()에서 registerInAppMessageManager()을 호출하십시오:

1
2
3
4
5
6
7
@Override
public void onResume() {
  super.onResume();
  // Registers the BrazeInAppMessageManager for the current Activity. This Activity will now listen for
  // in-app messages from Braze.
  BrazeInAppMessageManager.getInstance().registerInAppMessageManager(activity);
}
1
2
3
4
5
6
public override fun onResume() {
  super.onResume()
  // Registers the BrazeInAppMessageManager for the current Activity. This Activity will now listen for
  // in-app messages from Braze.
  BrazeInAppMessageManager.getInstance().registerInAppMessageManager(this)
}

registerInAppMessageManager()이 호출된 모든 활동에서, 해당 활동의 onPause()에서 unregisterInAppMessageManager()을 호출하십시오:

1
2
3
4
5
6
@Override
public void onPause() {
  super.onPause();
  // Unregisters the BrazeInAppMessageManager for the current Activity.
  BrazeInAppMessageManager.getInstance().unregisterInAppMessageManager(activity);
}
1
2
3
4
5
public override fun onPause() {
  super.onPause()
  // Unregisters the BrazeInAppMessageManager.
  BrazeInAppMessageManager.getInstance().unregisterInAppMessageManager(this)
}

2단계: 매니저의 블록리스트를 업데이트하십시오 (선택 사항)

통합 시 앱의 특정 활동이 인앱 메시지를 표시하지 않도록 요구할 수 있습니다. 활동 수명 주기 콜백 통합은 이를 쉽게 수행할 수 있는 방법을 제공합니다.

다음 샘플 코드에서는 인앱 메시지 등록 차단 목록에 두 가지 활동(SplashActivitySettingsActivity)을 추가합니다.

1
2
3
4
5
6
7
8
9
10
public class MyApplication extends Application {
  @Override
  public void onCreate() {
    super.onCreate();
    Set<Class> inAppMessageBlocklist = new HashSet<>();
    inAppMessageBlocklist.add(SplashActivity.class);
    inAppMessageBlocklist.add(SettingsActivity.class);
    registerActivityLifecycleCallbacks(new BrazeActivityLifecycleCallbackListener(inAppMessageBlocklist));
  }
}
1
2
3
4
5
6
7
8
9
class MyApplication : Application() {
  override fun onCreate() {
    super.onCreate()
    val inAppMessageBlocklist = HashSet<Class<*>>()
    inAppMessageBlocklist.add(SplashActivity::class.java)
    inAppMessageBlocklist.add(SettingsActivity::class.java)
    registerActivityLifecycleCallbacks(BrazeActivityLifecycleCallbackListener(inAppMessageBlocklist))
  }
}

Prerequisites

이 기능을 사용하려면 먼저 Swift Braze SDK를 통합해야 합니다. 또한 인앱 메시지를 인에이블먼트해야 합니다.

메시지 유형

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

인앱 메시지 활성화

1단계: 의 구현을 만듭니다. BrazeInAppMessagePresenter

Braze가 인앱 메시지를 표시하도록 하려면 BrazeInAppMessagePresenter 프로토콜의 구현을 생성하고 이를 Braze 인스턴스의 선택적 inAppMessagePresenter 에 할당하세요. BrazeInAppMessageUI 오브젝트를 인스턴스화하여 기본 Braze UI 프리젠터를 사용할 수도 있습니다.

BrazeInAppMessageUI 클래스에 액세스하려면 BrazeUI 라이브러리를 가져와야 합니다.

1
AppDelegate.braze?.inAppMessagePresenter = BrazeInAppMessageUI()
1
AppDelegate.braze.inAppMessagePresenter = [[BrazeInAppMessageUI alloc] init];

2단계: 일치하는 트리거 처리 안 함

구현 BrazeDelegate.(_:noMatchingTriggerForEvent) 를 관련 BrazeDelegate 클래스 내에서 구현합니다. 특정 이벤트에 대해 일치하는 트리거를 찾지 못하면 Braze는 이 메서드를 자동으로 호출합니다.

Prerequisites

Before you can use this feature, you’ll need to integrate the Web Braze SDK. 그러나 추가 설정은 필요하지 않습니다.

메시지 유형

모든 인앱 메시지는 모든 인앱 메시지의 기본 동작과 특성을 정의하는 InAppMessage에서 프로토타입을 상속하며, 이는 모든 인앱 메시지의 기본 동작과 특성을 정의합니다. 대표적인 서브클래스는 SlideUpMessage, ModalMessage, FullScreenMessageHtmlMessage.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 사용자 지정 가능합니다.

SlideUp 인앱 메시지는 전통적으로 모바일 플랫폼에서 화면 위나 아래에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 명명되었습니다. Braze 웹 SDK에서 이러한 메시지가 웹의 주요 패러다임에 맞춰 Growl 또는 Toast 스타일의 알림으로 표시됩니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

Modal 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 클릭 동작과 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 가운데 다음과 같은 Modal 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. 좁은 브라우저 창(예: 모바일 웹)에서는 full 인앱 메시지는 전체 브라우저 창을 차지합니다. 더 큰 브라우저 창에서는 full 인앱 메시지가 modal 인앱 메시지와 비슷하게 표시됩니다. full 인앱 메시지의 상단에는 이미지가 있고, 하단에는 최대 8줄의 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML은 iFrame에 표시되며, 이미지, 글꼴, 비디오와 같은 다양한 형식의 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다. 이 기능은 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

Prerequisites

이 기능을 사용하려면 먼저 Android Braze SDK를 통합해야 합니다.

About TV and OTT support

The Android Braze SDK natively supports displaying in-app messages on OTT devices like Android TV or Fire Stick. However, there’s some key differences between native Android and OTT in-app messages. For OTT devices:

  • In-app messages that require touch mode, such as slideup, are disabled on OTT.
  • The currently selected or focused item, such as a button or close button, will be highlighted.
  • Body clicks on the in-app message itself, such as not on a button, are not supported.

Prerequisites

Before you can use this feature, you’ll need to integrate the Cordova Braze SDK.

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

Prerequisites

이 기능을 사용하려면 먼저 Flutter Braze SDK를 통합해야 합니다.

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

Prerequisites

Before you can use this feature, you’ll need to integrate the React Native Braze SDK.

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

데이터 모델

인앱 메시지 모델은 React Native SDK에서 사용할 수 있습니다. Braze에는 동일한 데이터 모델을 공유하는 네 가지 인앱 메시지 유형( 슬라이드업, 모달, 전체HTML 전체)이 있습니다.

Messages

인앱 메시지 모델은 모든 인앱 메시지의 기본을 제공합니다.

인앱 메시지 모델에 대한 전체 참조는 안드로이드iOS 설명서를 참조하십시오.

버튼

인앱 메시지에 버튼을 추가하여 작업 및 로그 분석을 수행할 수 있습니다. 버튼 모델은 모든 인앱 메시지 버튼의 기본을 제공합니다.

버튼 모델에 대한 전체 참조는 AndroidiOS 설명서를 참조하십시오.

Prerequisites

Before you can use this feature, you’ll need to integrate the Roku Braze SDK. 또한 인앱 메시지는 지원되는 최소 SDK 버전을 실행하는 Roku 기기로만 전송됩니다:

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

인앱 메시지 활성화

1단계: 참관인 추가

인앱 메시지를 처리하려면 BrazeTask.BrazeInAppMessage 에서 옵저버를 추가할 수 있습니다:

1
m.BrazeTask.observeField("BrazeInAppMessage", "onInAppMessageReceived")

2단계: 트리거된 메시징에 액세스하기

그런 다음, 핸들러 내에서 캠페인이 트리거하는 최상위 인앱 메시지에 액세스할 수 있습니다.

1
2
3
4
sub onInAppMessageReceived()
  in_app_message = m.BrazeTask.BrazeInAppMessage
  ...
end sub

메시지 필드

처리

다음은 인앱 메시지를 처리하는 데 필요한 필드 목록입니다:

스타일링

대시보드에서 사용할 수 있는 다양한 스타일 필드도 있습니다.

또는 인앱 메시지를 구현하고 표준 팔레트를 사용하여 Roku 애플리케이션 내에서 스타일을 지정할 수 있습니다:

버튼

Prerequisites

이 기능을 사용하려면 먼저 Swift Braze SDK를 통합해야 합니다.

Enabling in-app messages

Step 1: Create a new iOS app

In Braze, select Settings > App Settings, then select Add App. Enter a name for your tvOS app, select iOSnot tvOS—then select Add App.

ALT_TEXT.

Step 2: Get your app’s API key

In your app settings, select your new tvOS app then take note of your app’s API key. You’ll use this key to configure your app in Xcode.

ALT_TEXT

Step 3: Integrate BrazeKit

Use your app’s API key to integrate the Braze Swift SDK into your tvOS project in Xcode. You only need to integrate BrazeKit from the Braze Swift SDK.

Step 4: Create your custom UI

Because Braze doesn’t provide a default UI for in-app messages on tvOS, you’ll need to customize it yourself. For a full walkthrough, see our step-by-step tutorial: Customizing in-app messages for tvOS. For a sample project, see Braze Swift SDK samples.

Prerequisites

이 기능을 사용하려면 먼저 Unity Braze SDK를 통합해야 합니다.

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

Prerequisites

이 기능을 사용하기 전에 Xamarin Braze 소프트웨어 개발 키트를 통합해야 합니다.

메시지 유형

Braze는 메시지, 이미지, 폰트 어썸 아이콘, 클릭 액션, 분석, 색 구성표 등으로 각각 사용자 지정할 수 있는 여러 가지 기본값 인앱 메시지 유형을 제공합니다.

기본 동작과 특성은 다음과 같은 서브클래스의 IInAppMessage 라는 서브클래스의 인터페이스에 의해 정의됩니다. InAppMessageBaseIInAppMessage 에는 하위 인터페이스도 포함되어 있습니다, IInAppMessageImmersive라는 하위 인터페이스도 포함되어 있어 앱에 닫기, 클릭 동작 및 분석 버튼을 추가할 수 있습니다.

slideup 인앱 메시지는 화면 상단 또는 하단에서 ‘슬라이드 업’ 또는 ‘슬라이드 다운’되기 때문에 그렇게 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

slideup 인앱 메시지 오브젝트는 InAppMessageBase를 확장합니다.

휴대폰 화면 하단에서 '인간은 복잡하다'는 인앱 메시지가 슬라이딩되는 모습. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 오른쪽 하단에 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 클릭 동작 및 분석 지원 버튼이 표시됩니다.

이 메시지 유형은 확장된 InAppMessageImmersiveBase를 확장하여 로컬에서 생성된 인앱 메시지에 커스텀 기능을 추가할 수 있는 옵션을 제공합니다.

휴대폰 화면 전체에 다음과 같은 인앱 메시지가 표시됩니다. "사람은 복잡한 존재입니다. 커스텀 인게이지먼트는 안 됩니다." 백그라운드에서는 웹 페이지의 가운데 크게 표시되는 것과 동일한 인앱 메시지가 표시됩니다.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 인앱 메시지 콘텐츠는 WebView에 표시되며, 선택적으로 이미지 및 글꼴과 같은 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

이 메시지 유형은 서브 클래스인 IInAppMessageHtml의 서브 클래스인 IInAppMessage.

Android 인앱 메시지는 HTML 내에서 Braze 소프트웨어 개발 키트의 메서드를 호출할 수 있는 JavaScript brazeBridge 인터페이스를 지원하며, 자세한 내용은 JavaScript 브릿지 페이지를 참조하세요.

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

각 인앱 메시지 유형은 콘텐츠, 이미지, 아이콘, 클릭 동작, 분석, 표시 및 전달 전반에 걸쳐 고도로 사용자 지정 가능합니다. 모든 인앱 메시지의 기본 동작과 특성을 정의하는 Braze.InAppMessage 의 열거된 유형입니다. 인앱 메시지 속성 및 사용법에 대한 전체 목록은 InAppMessage 클래스를 참조하세요.

다음은 Braze에서 사용할 수 있는 인앱 메시지 유형과 최종 사용자에게 표시되는 방식입니다.

Slideup 인앱 메시지는 화면 상단 또는 하단에서 “슬라이드 업” 또는 “슬라이드 다운”되기 때문에 이 이름이 붙여졌습니다. 화면의 작은 부분을 차지하며 효과적이고 방해가 되지 않는 메시징 기능을 제공합니다.

휴대폰 화면 하단과 상단에 슬라이드업 인앱 메시지가 표시됩니다.

Modal Image 인앱 메시지는 화면 중앙에 표시되며 반투명 패널로 둘러싸여 있습니다. 이러한 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Modal 유형과 유사합니다. 보다 중요한 메시징에 유용하며, 최대 두 개의 분석 지원 버튼을 제공할 수 있습니다.

휴대폰 화면 중앙에 표시되는 모달 이미지 인앱 메시지.

Full 인앱 메시지는 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full 인앱 메시지의 상단에는 이미지가, 하단에는 텍스트와 최대 2개의 분석 지원 버튼이 표시됩니다.

휴대폰 화면 전체에 표시되는 전체 화면 인앱 메시지.

Full Image 인앱 메시지는 헤더나 메시지 텍스트가 없다는 점을 제외하면 Full 인앱 메시지와 유사합니다. 이 메시지 유형은 사용자 커뮤니케이션의 콘텐츠와 효과를 극대화하는 데 유용합니다. Full Image 인앱 메시지에는 전체 화면에 걸친 이미지와 함께 최대 2개의 분석 지원 버튼을 표시하는 옵션이 포함되어 있습니다.

휴대폰 화면 전체에 표시되는 전체 화면 이미지 인앱 메시지.

HTML 인앱 메시지는 완전히 맞춤화된 사용자 콘텐츠를 만드는 데 유용합니다. 사용자 정의 HTML 전체 인앱 메시지 콘텐츠는 WKWebView에 표시되며, 선택적으로 이미지 및 글꼴과 같이 다양한 형식의 기타 콘텐츠를 포함할 수 있으므로 메시지 모양과 기능을 완벽하게 제어할 수 있습니다.

iOS 인앱 메시지는 HTML 내에서 Braze 웹 SDK의 메서드를 호출하기 위해 JavaScript brazeBridge 인터페이스를 지원합니다. 자세한 내용은 모범 사례를 참조하세요.

다음 예는 페이지가 지정된 HTML 전체 인앱 메시지를 보여줍니다:

콘텐츠 캐러셀과 대화형 버튼이 포함된 HTML 인앱 메시지입니다.

현재 iOS 및 Android 플랫폼에서는 iFrame에 커스텀 HTML 인앱 메시지를 표시하는 기능을 지원하지 않습니다.

Control 인앱 메시지에는 UI 구성요소가 포함되어 있지 않으며 주로 분석 목적으로 사용됩니다. 이 유형은 대조군에 전송된 인앱 메시지의 수신을 확인하는 데 사용됩니다.

지능형 선택 및 대조군에 대한 자세한 내용은 지능형 선택을 참조하세요.

New Stuff!