ブースとは、クライアントページ上の広告素材を表示するために使用される矩形の領域です。
ブースの種類
MCDP は、スプラッシュ、ポップアップ、速報、バナー、リスト、フィード、フローティング、カスタムブースの 8 種類のブースをサポートしています。
スプラッシュ: アプリがコールドブートされたときに全画面領域に表示されるブースです。スプラッシュブースは、アプリ内でグローバルに一意です。
ポップアップ: アプリ内で、フローティングレイヤー領域に幅と高さを制御できるブースです。
速報: メッセージブロードキャストの形式でユーザーに関連情報を配信します。
バナー: アプリページ上の固定位置の矩形領域にあるブースで、1 つ以上の広告スペースの水平バナーをサポートしています。
リスト: アプリページの領域に多くの異なる広告がリストされています。
フローティング: アプリページ上の固定位置にあるブースです。
カスタム: コピータイプのカスタム広告です。
基本的なブース情報
ブースには、ブース名、ブース ID、有効（キャッシュ）時間などの基本情報があります。
ブース名: 必須。最大 30 文字まで入力でき、既存の名前と重複することはできません。
ブース ID: 必須。ID には、文字、数字、アンダースコア（_）、ハイフン（-）を含めることができ、既存のブース ID と同じにすることはできません。
カスタム ID: ブースが動的ブースの場合は、このフィールドを選択し、カスタム ID テキストボックスにブース ID とページアドレスを入力します。
iOS ページアドレス: ブースを表示する iOS クライアントページアドレスを入力します。ページの VCName を入力するには、アプリ開発者に連絡する必要があります（例:
MPHomeViewController）。VCName はDTViewControllerから継承する必要があることに注意してください。そうでない場合、ブースは表示されません。Android ページアドレス: ブースを表示する Android クライアントページアドレスを入力します。ページの ActivityName を入力するには、アプリ開発者に連絡する必要があります（例:
com.mpaas.demo.cdp.DynamicContent1Activity）。HTML5 ページアドレス: ブースを表示する HTML5 ページアドレスを入力します。ページの完全なパスを入力するには、アプリ開発者に連絡する必要があります。
window.locationオブジェクトを使用して、HTML5 ページの完全なパスを取得できます。
クライアントプリセット ID: ブースがクライアントプリセットブースの場合、このフィールドを選択し、プリセットブースの ID をコピーして クライアント プリセット ID テキストボックスに入力します。ID を取得するには、アプリ開発者に連絡できます。
スプラッシュブース ID: スプラッシュブースの場合は、このフィールドを選択します。デフォルトのスプラッシュブース ID は STARTPAGE で、変更できません。1 つのアプリケーションにはスプラッシュブースを 1 つだけ設定できます。つまり、アプリケーションに既にスプラッシュブースが 1 つある場合、別のスプラッシュブースを作成することはできません。
有効（キャッシュ）期間: 必須。ブース広告が一度読み込まれた後のキャッシュの保持時間を指します。ダウンロードトラフィックの使用状況とユーザーエクスペリエンスを考慮して時間を設定する必要があります。設定できる時間範囲は 00:00:00 ～ 71:59:59 です。
ブースの構成情報
ブースは、ブースの種類、ブース素材の種類、ブースの位置、スタイル、ブースの高さ、ブースの幅、広告スペースの数を構成できます。
ブースの種類: MCDP は、スプラッシュ、ポップアップ、速報、バナー、リスト、フィード、フローティング、カスタムブースの 8 種類のブースをサポートしています。
ブース素材の種類: 必須。ブースでサポートされている素材の種類を指します。一部のブースは調整可能です。
ブースの位置: 必須。ページ上のブースの位置を指し、ページの最上部フローティングレイヤー、ページの上部、ページの下部、リストの先頭、リストの末尾、画面の左上、画面の右上、画面の中央左、画面の中央右、画面の左下、画面の右下が含まれます。一部のブースは調整可能です。
説明ブースの種類によって、構成できる位置が異なります。詳細については、以下のブース構成情報シートを参照してください。
最上部フローティング
ページ上部
ページ下部
リストヘッド
ブースはページの上部に配置され、ページレイアウトの上にフローティングし、元のレイアウトを下に移動しません。画面に対して固定位置にあり、ブースの幅はページの幅と同じです。
ブースはページの上部に配置され、元のレイアウトを下に移動します。ページに対して固定位置にあり、ブースの幅はページの幅と同じです。
ブースはページの下部に配置され、元のページレイアウトを上に移動します。ページに対して固定位置にあり、ブースの幅はページの幅と同じです。
リストの先頭（最初の広告スペースの上）に配置され、元のリストレイアウトを下に移動します。リストに対して固定位置にあり、ブースの幅はリストの幅と同じです。
リストボトム
画面左上
画面中央左
画面左下
リストの末尾（最後の広告スペースの下）に配置され、元のリストレイアウトを上に移動します。リストに対して固定位置にあり、ブースの幅はリストの幅と同じです。
フローティングブース専用。画面の左上に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
フローティングブース専用。画面の左中央に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
フローティングブース専用。画面の左下に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
画面右上
画面中央右
画面右下
画面の右上に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
フローティングブース専用。画面の右中央に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
フローティングブース専用。画面の右下に配置され、ページレイアウトの上にフローティングし、元のページレイアウトに影響を与えず、画面に対して固定位置にあります。
スタイル: 必須。つまり、ブースの外観とスタイルで、背景色、前景色、テキストの色、コントロールの色が含まれます。一部のブースは調整可能です。
背景色: ブースの背景色で、デフォルトでは値は #F8F8F8 です。
前景色: ブースの前景色です。ブースの前景色は、ブースをクリックしたときに表示される背景色で、デフォルトでは値は #E7E7E5 です。ブースをクリックしたときに、ブース内の素材にリダイレクトアドレスがある場合、前景色がレンダリングされます。そうでない場合は、背景色がレンダリングされます。リダイレクトアドレスの構成については、「アクティビティの作成 > 広告の追加」を参照してください。
テキストの色: ブース内のテキストの色で、デフォルトでは値は #FF0000 です。
コントロールの色: ブース内のコントロール（小さなホーン）の色で、デフォルトでは値は #1A1311 です。
ブースの高さ: 必須。アプリケーションページ上のブースの高さを px 単位で指定します。一部のブースは調整可能です。
ブースの幅: 必須。アプリケーションページ上のブースの幅を px 単位で指定します。一部のブースは調整可能です。
広告スペース: 必須。バナータイプとリストタイプのブースは複数のフレームをサポートしており、広告スペースの数はブース内のフレームの数です。一部のブースは調整可能です。
各メッセージの表示時間: この構成は、広告スペースの数に関連付けられています。広告スペースの数が 1 の場合、単一情報のカルーセル時間は構成できません。広告スペースの数が 1 でない場合、単一情報のカルーセル時間は 1 ～ 10 の整数として構成できます。
スプラッシュ
ポップアップ
速報
バナー
リスト
フローティング
カスタム
ブースの種類
√
√
√
√
√
√
√
ブース素材の種類
√
√
x
√
√
√
x
ブースの位置
デフォルト
デフォルト位置
最上部フローティング
最上部フローティング
最上部フローティング
画面左上
x
ページ上部
ページ上部
ページ上部
画面右上
ページ下部
ページ下部
ページ下部
画面中央左
リストヘッド
(ネイティブページでのみ使用可能)
リストヘッド
(ネイティブページでのみ使用可能)
リストヘッド
(ネイティブページでのみ使用可能)
画面中央右
リストボトム
(ネイティブページでのみ使用可能)
リストボトム
(ネイティブページでのみ使用可能)
リストボトム
(ネイティブページでのみ使用可能)
画面左下
-
-
-
画面右下
スタイル
x
x
√
x
x
x
√
ブースの高さ
x
√
√
√
√
√
x
ブースの幅
x
√
x
x
x
√
x
広告スペース
1
1
1
1 ～ 10
1 ～ 10
1
1
各メッセージの表示時間
x
x
x
1 ～ 10 秒
1 ～ 10 秒
x
x
注: 「√」はこの要素がサポートされており、構成する必要があることを意味します。「x」はこの要素がサポートされていないことを意味します。「-」はコンテンツがないことを意味します。
サポートされているブース素材
MCDP でサポートされているブース素材の種類は、次の表にリストされています。
テキスト: プレーンテキストが表示されます。
静止画像: PNG、JPG、JPEG 形式の静止画像が表示されます。
GIF: GIF が表示されます。
Lottie アニメーション: Lottie アニメーションが表示されます。
HTML5 ページ: オンライン HTML5 ページが表示されます。
サポートされているブース素材の種類は、ブースの種類によって異なります。詳細は次の表を参照してください。
スプラッシュ | ポップアップ | 速報 | バナー | リスト | フローティング | ||
静止画像 | √ | √ | x | √ | √ | √ | |
GIF | √ | √ | x | √ | √ | √ | |
Lottie アニメーション | √ | √ | x | √ | √ | √ | |
HTML5 ページ | x | √ | x | √ | √ | x | |
テキスト | x | x | √ | x | x | x | |
説明 「√」はサポートされていることを意味します。「x」はサポートされていないことを意味します。 | |||||||
ブースの構成モード
MCDP は、動的構成とクライアントプリセットの 2 つのブース構成モードを提供します。必要に応じていずれかを選択できます。
動的構成
動的ブース構成の場合、MCDP SDK をクライアントプロジェクトに追加した後、コンソールでブースのプロパティ（ブース名、ブース ID、ブースページ、ブースの種類、ブース素材の種類、ブースの位置、ブースの幅、ブースの高さ、広告スペースの数を含む）を直接構成します。
動的ブースでサポートされているブースの種類には、ポップアップ、速報、バナー、リスト、フローティング、カスタムブースが含まれます。さまざまな種類のブースでサポートされているブースの位置については、ブース構成情報シートの「ブースの位置」列を参照してください。動的構成では、ブースのコンテンツのみが構成され、位置は構成されません。動的ブースは、ベリーバンドのブース位置をサポートしていません。
動的ブースを使用する場合は、次の項目に注意してください。
カスタムブースの場合は、最初にクライアントにブースをプリセットする必要があります。このタイプのブースは特殊で、カスタムコピーライティングが必要な一部のシナリオに適用されます。検索ボックスを例にとると、コンソールでは検索ボックスのコピーの内容を定義できますが、検索ボックスの位置、幅、高さは設定できず、これらのプロパティはクライアントで構成する必要があります。
Android クライアントでは、最上部フローティングレイヤーまたはページ上部にタグ
h5_titlebarを持つViewGroupコントロールが含まれているか、レイアウトにantui-buildコンポーネントのAUTitleBarコントロールが含まれている必要があります。リストのヘッド/ボトムには、ListViewコントロールが含まれている必要があります。iOS クライアントでは、リストのヘッド/ボトムには
UITableViewコントロールが含まれている必要があります。
クライアントプリセット
クライアントにプリセットされたブースの場合、MCDP SDK をクライアントプロジェクトに追加し、コーディングによってクライアントプロジェクトにブースのプロパティの一部（ブースの ID、ページ、位置、幅、高さを含む）をプリセットする必要があります。次に、コンソールでブースを作成し、クライアントプロジェクトにプリセットされているブース ID を入力して、ブースの作成を完了する必要があります。コンソールでブースの幅とブースの高さを設定することもできますが、これら 2 つは、クライアントプロジェクトで構成されていない場合にのみ設定できます。
クライアントにプリセットされたブースでサポートされているブースの種類には、ポップアップ、速報、バナー、リスト、フローティング、カスタムブースが含まれます。クライアント構成モードでは、動的ブースではサポートされていないブースの位置（ベリーバンドの位置など）をサポートできます。
説明調整を容易にするために、クライアントプロジェクトではブースの ID、ページ、位置のみをプリセットし、コンソールではブースの高さのみを構成することをお勧めします。
さまざまなページにブースをプリセットする手順の詳細については、次の記事を参照してください。
Android ページ: Android アプリの「プリセットブースの構成」。
iOS ページ: Android アプリの「プリセットブースの構成」。
HTML5 ページ: HTML5 ページの「プリセットブースの構成」。