チュートリアル: 配置ID によるバナーの表示
このチュートリアルのサンプルコードに従って、配置ID を使用してバナーを表示します。詳細については、バナーを参照してください。
前提条件
このチュートリアルを始める前に、Braze SDKが最低バージョン要件を満たしていることを確認せよ：
Web SDKのバナーを表示する
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.バナーの更新情報をサブスクライバーが購読する
バナーが更新されるたびに実行されるハンドラを登録するには、`subscribeToBannersUpdates()use を使用する。ハンドラ内で、最新の配置を取得braze.getBanner(“global_banner”)`するために呼び出す。
3.バナーを挿入し、コントロールグループを扱う
バナーが返却されたら、を使ってbraze.insertBanner(banner, container)挿入する。レイアウトを整理するために、コントロールグループの一部であるバナーは非表示にするか折りたたむこと（例えば、がisControlの場合true）。
4. バナーを更新する
SDKを初期化した後、各セッションの開始時にバナーが更新されるように、`refreshBanners()`をrequestBannersRefresh(["global_banner", ...])呼び出す。
この関数は後でバナー配置を更新するため、いつでも呼び出すことができる。
5. バナー用のコンテナを追加する
HTMLに新しい`banner<div>要素を追加し、短いバナー関連のclassを付ける。global-banner-container例えば\idclass=”banner”のように。Brazeはこのコードを使用して、あなたの<div>`バナーをページに挿入する。
前提条件
このチュートリアルを始める前に、Braze SDKが最低バージョン要件を満たしていることを確認せよ：
Android SDKのバナーを表示する
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.バナーの更新情報をサブスクライバーが購読する
バナーが更新されるたびに実行されるハンドラを登録するには、`subscribeToBannersUpdates()use` を使用する。
3.配置を更新する
Braze SDKを初期化した後、その配置の最新バナーコンテンツを取得requestBannersRefresh(["PLACEMENT_ID"])するために を呼び出す。
4. 定義せよBannerView、お前の banners.xml
でbanners.xml、要素<com.braze.ui.banners.BannerView>を宣言app:placementId="PLACEMENT_ID"する。Brazeはこの要素を使って、UIにバナーを挿入する。
前提条件
このチュートリアルを始める前に、Braze SDKが最低バージョン要件を満たしていることを確認せよ：
Swift SDKのバナーを表示する
この新しいチュートリアル形式を試験運用中だ。感想を聞かせてくれ — 君のフィードバックが今後のガイド改善に役立つ。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.配置を更新する
Braze SDKを初期化した後、各セッションの開始時にcall requestBannersRefresh(placementIds: ["PLACEMENT_ID"])バナーコンテンツを更新する。
3.バナーを初期化し、コールバックを提供する
Brazeオブジェクトと配置IDでインスタンスBrazeBannerUI.BannerUIViewを作成し、提供されたコンテンツの高さに基づいてバナーを表示し、その高さ制約を更新するprocessContentUpdatesコールバックを提供する。
4. オートレイアウトの制約のイネーブルメント
デフォルトでバナービューを非表示にし、自動レイアウトのイネーブルメントを有効にするために自動リサイズマスクの変換を無効にする。
5. アンカーコンテンツを設定し、高さの制約を適用する
メインコンテンツをオートレイアウトで最上部に固定し、バナービューをその直下に配置する。バナーの上端、下端、および両端を安全領域に固定する。初期の高さ制約を設定し、コンテンツを読み込む際に更新される0ようにする。
1.デバッグを有効にする(オプション)
開発中のトラブルシューティングを容易にするために、デバッグを有効にすることを検討してください。
2.配置を更新する
Braze SDKを初期化した後、各セッションの開始時にバナーコンテンツを更新するために`requestBannersRefresh(placementIds: ["PLACEMENT_ID"])refresh`を呼び出す。
3.ビューコンポーネントを作成する
利用可能なバナーを表示し、必要に応じてメインアプリコンテンツを含む、再利用可能なSwiftUIビューコンポーネントを作成する。
4. 利用可能なバナーのみを表示する
SDKが初期化され、かつそのユーザー向けのバナーコンテンツが存在する場合にのみBrazeBannerUI.BannerView表示を試みる。において.onAppear、を呼び出してgetBanner(for:placementID)の状態hasBannerForPlacementを設定する。
5. 読み込みが終わってからBannerView表示する
UIに空白部分が生じないように、バナーが存在し、かつSDKが初期化されている場合にのみBrazeBannerUI.BannerView表示する。
6. バナーの高さをダイナミックに更新する
コールprocessContentUpdatesバックを使って、バナーのコンテンツの高さを読み込みが完了次第取得する。SwiftUIのステートを更新し、指定された高さを使ってcontentHeight制約.frame(height:)を適用する。
7. バナーの高さを制限する
バナーが最大の高さを超えないようにするには、修飾.frame(height: min(contentHeight, 80))子を使う。これにより、バナーの内容に関わらず、UIの視覚的なバランスが保たれる。
GitHub でこのページを編集