# Hosted Pages

Hosted Pagesは、URLベースのWebページをモバイルアプリ内のフルスクリーンWebViewに表示する、モバイルIn-Appメッセージングのエクスペリエンスです。ModalやBannerより広い表示領域が必要な、クーポン、スタンプカード、抽選、アンケート、フォームなどに使用します。

Hosted Pagesは一時的なアプリ内エクスペリエンスです。永続的なContent CardやInboxアイテムではなく、Engage Studioの独立したLanding Page Delivery機能とも異なります。

Beta
Hosted Pagesは現在Beta版のモバイルIn-Appメッセージング機能に含まれています。一般提供前に、メッセージペイロード、SDK API、配布方法が変更される場合があります。

## Hosted Pagesを使用する場面

キャンペーンコンテンツにフルスクリーンの表示領域やインタラクティブなWeb動作が必要な場合に使用します。

| ユースケース | Hosted Pagesが適している理由 |
|  --- | --- |
| クーポンやオファーページ | オファーの詳細、利用条件、アクションを表示する領域を確保できます。 |
| スタンプカードやロイヤルティ体験 | URLでホストされたインタラクティブなコンテンツを表示できます。 |
| 抽選やゲーミフィケーション | 複数ステップの体験をフルスクリーンで提供できます。 |
| アンケートやフォーム | 入力項目やバリデーションに必要な領域を確保できます。 |
| パーソナライズされたキャンペーンページ | アプリが提供するプロフィールコンテキストをホストページで利用できます。 |


## Engage StudioでHosted Pagesを設定する

モバイルIn-Appメッセージを作成し、メッセージタイプとして**Hosted Pages**を選択します。作成ダイアログで**Show a Hosted Page**を選択すると、ドラッグアンドドロップエディターとは別にホストしたURLを使用できます。

ホストされたHosted Pages体験に使用するShow a Hosted Pageを表示したCreate In-App Messageダイアログ
### Target Audienceを設定する

連携するParent Segment、Realtime Personalization、Personalization Sectionを使用してキャンペーンの対象を設定します。

### Hosted Pages URLを入力する

モバイルアプリに表示するURLを入力します。キャンペーンに一致すると、SDKがHosted PagesエクスペリエンスでURLを開きます。

### プレビューとテスト

起動前に、次の項目を確認してください。

- 対象のiOS / AndroidデバイスでURLを読み込めること。
- エクスペリエンスを終了するための導線がページにあること。
- Deep LinkとWeb URLが想定どおり動作すること。
- ポートレートとランドスケープの両方で正しく表示されること。
- プロフィール値が意図した箇所にだけ表示されること。
- 認証情報や機密情報が表示されないこと。


### LaunchとPause

**Launch**をクリックすると、連携するPersonalization SectionからHosted Pagesを配信できるようになります。配信を停止するには**Pause**をクリックします。Pause後、更新されたPersonalization設定が反映されると、新しいキャンペーンオファーはアプリに返されません。

ホストページとネイティブBridgeの要件については、[Hosted Pages WebViewとBridgeの連携](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp/rich-landing-integration)を参照してください。

## Hosted Pagesの表示方法

Hosted Pagesは次のフローで配信されます。

1. ユーザーがトラッキング対象の画面または操作に到達します。
2. アプリがEngage Mobile SDKを通じてイベントを送信します。
3. Realtime Personalizationがオーディエンスと配信条件を評価します。
4. キャンペーンに一致するとレスポンスにHosted Pages URLが含まれます。
5. Engage Mobile SDKがSDK所有のフルスクリーンWebViewでURLを開きます。
6. ページが利用可能なBridgeとコンテキストを使ってアプリと連携します。


キャンペーンに一致しない場合、SDKは何も表示しません。これはエラーではなく、通常の結果です。

## アプリ連携

ホストページの要件、WebViewコンテキスト、Bridgeアクション、セキュリティ、ネイティブSDKの責務については、[Hosted Pages WebViewとBridgeの連携](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp/rich-landing-integration)を参照してください。

## Hosted Pagesと他のエクスペリエンスの違い

| エクスペリエンス | 永続性 | コンテンツソース | 表示 |
|  --- | --- | --- | --- |
| Modal | 一時的 | Engage StudioのHTML | 中央配置のOverlay |
| Banner | 一時的 | Engage StudioのHTML | 画面上部または下部のBanner |
| Hosted Pages | 一時的 | ホストされたURL | フルスクリーンWebView |
| Content Card / Inbox | 永続的 | カードまたはフィードコンテンツ | アプリが管理するFeedまたはInbox |
| Landing Page Delivery | URLによる | 独立したホストページ | Webまたは別チャネルの遷移先 |


トラブルシューティングについては、[モバイルIn-Appのトラブルシューティング](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp/troubleshooting)を参照してください。

## 関連ドキュメント

- [モバイルIn-Appメッセージング](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp)
- [iOS SDK連携](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp/developer-guide-ios)
- [Android SDK連携](/ja/products/marketing-cloud/engage-studio/channels/mobile-inapp/developer-guide-android)
- [Mobile Pushキャンペーン](/products/marketing-cloud/engage-studio/channels/mobile-push)