チュートリアル: 配置ID によるバナーの表示
このチュートリアルのサンプルコードに従って、配置ID を使用してバナーを表示します。詳細については、バナーを参照してください。
前提条件
このチュートリアルを開始する前に、Braze SDKが最低バージョン要件を満たしていることを確認してください。
Web SDKのバナーの表示
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.バナー更新の購読
subscribeToBannersUpdates() を使用して、バナーが更新d のときに実行されるハンドラーを登録します。ハンドラ内で、braze.getBanner("global_banner") を呼び出して最新の配置を取得します。
3.バナーを挿入し、コントロールグループsを扱う
返されたバナーを挿入するには、braze.insertBanner(banner, container) を使用します。レイアウトをきれいに保つには、コントロールグループから離れたバナーを隠したり折りたたんだりします(たとえば、isControl がtrue の場合)。
4. バナーの更新
SDKを初期化した後、requestBannersRefresh(["global_banner", ...]) を呼び出して、セッションの最初にバナーが更新されるようにします。
この関数は、後でバナーの配置を更新するためにいつでも呼び出すことができます。
5. バナーのコンテナを追加する
HTMLで、新しい<div> 要素を追加し、global-banner-container のような短いバナー関連のid を指定します。Braze は、この<div> を使用してバナーをページに挿入します。
前提条件
このチュートリアルを開始する前に、Braze SDKが最低バージョン要件を満たしていることを確認してください。
Android SDKのバナーの表示
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.バナー更新の購読
subscribeToBannersUpdates() を使用して、バナーが更新d のときに実行されるハンドラーを登録します。
3.配置を更新する
Braze SDKを初期化した後、requestBannersRefresh(["PLACEMENT_ID"]) を呼び出して、そのプレイスメントの最新のバナーコンテンツを取得します。
4. あなたの中でBannerViewを定義する banners.xml
banners.xmlで、<com.braze.ui.banners.BannerView>要素をapp:placementId="PLACEMENT_ID"で宣言します。Braze は、この要素を使用してバナーをユーザーインターフェイスに挿入します。
前提条件
このチュートリアルを開始する前に、Braze SDKが最低バージョン要件を満たしていることを確認してください。
スウィフトSDKのバナーの表示
この新しいチュートリアル形式を試しています。あなたの考えを教えてください - あなたのフィードバックは、今後のガイドを改善するのに役立ちます。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.配置を更新する
Braze SDKを初期化した後、call requestBannersRefresh(placementIds: ["PLACEMENT_ID"]) を実行して、それぞれのセッションの先頭でバナーの内容を更新します。
3.バナーを初期化し、コールバックを提供する
BrazeオブジェクトとプレイスメントID でBrazeBannerUI.BannerUIView インスタンスを作成し、processContentUpdates コールバックを指定してバナーを非表示にし、提供されたコンテンツの高さに基づいてその高さのトレーニングt を更新します。
4. 自動レイアウト設定を有効にするtsトレーニング
デフォルトでバナービューを非表示にしてから、マスク変換の自動サイズ変更を無効にして、自動レイアウト設定のトレーニングts を有効にします。
5. アンカーの内容と高さの設定トレーニングts
Auto Layout を使用してメインコンテンツを上に固定し、その下にバナービューを配置します。バナーの先頭、末尾、および底辺を安全領域に固定し、内容がs 読み込むのときに更新d になる0 の最初の高さcons トレーニングt を設定します。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.配置を更新する
Braze SDKを初期化した後、requestBannersRefresh(placementIds: ["PLACEMENT_ID"]) を呼び出して、それぞれのセッションの先頭でバナーの内容を更新します。
3.ビューコンポーネントの作成
使用可能なバナーを表示し、必要に応じて主なアプリ内容を含む再利用可能なSwiftUI ビューコンポーネントを作成します。
4. 利用可能なバナーのみ表示
SDKが初期化され、バナーコンテンツがそのユーザーに存在する場合にのみ、BrazeBannerUI.BannerView を表示しようとします。.onAppearでは、getBanner(for:placementID)を呼び出してhasBannerForPlacementの状態を設定します。
5. sを読み込むした後、BannerViewのみを表示する
UI の空白を回避するには、バナーが存在し、SDKが初期化されている場合にのみBrazeBannerUI.BannerView を表示します。
6. バナーの高さをダイナミックに更新
processContentUpdates コールバックを使用して、s を読み込むするとすぐにバナーの内容の高さを取得します。SwiftUI ステート(contentHeight) をアップデートし、指定された高さを使用してly a .frame(height:) cons トレーニングt をアプリします。
7. バナーの高さを制限する
バナーの高さが上限を超えないようにするには、.frame(height: min(contentHeight, 80)) 修飾子をアプリします。これにより、バナーのコンテンツに関係なくUI の視覚的なバランスが維持されます。
GitHub でこのページを編集