Hosted Pagesは、URLベースのWebページをモバイルアプリ内のフルスクリーンWebViewに表示する、モバイルIn-Appメッセージングのエクスペリエンスです。ModalやBannerより広い表示領域が必要な、クーポン、スタンプカード、抽選、アンケート、フォームなどに使用します。
Hosted Pagesは一時的なアプリ内エクスペリエンスです。永続的なContent CardやInboxアイテムではなく、Engage Studioの独立したLanding Page Delivery機能とも異なります。
Hosted Pagesは現在Beta版のモバイルIn-Appメッセージング機能に含まれています。一般提供前に、メッセージペイロード、SDK API、配布方法が変更される場合があります。
キャンペーンコンテンツにフルスクリーンの表示領域やインタラクティブなWeb動作が必要な場合に使用します。
| ユースケース | Hosted Pagesが適している理由 |
|---|---|
| クーポンやオファーページ | オファーの詳細、利用条件、アクションを表示する領域を確保できます。 |
| スタンプカードやロイヤルティ体験 | URLでホストされたインタラクティブなコンテンツを表示できます。 |
| 抽選やゲーミフィケーション | 複数ステップの体験をフルスクリーンで提供できます。 |
| アンケートやフォーム | 入力項目やバリデーションに必要な領域を確保できます。 |
| パーソナライズされたキャンペーンページ | アプリが提供するプロフィールコンテキストをホストページで利用できます。 |
モバイルIn-Appメッセージを作成し、メッセージタイプとしてHosted Pagesを選択します。作成ダイアログでShow a Hosted Pageを選択すると、ドラッグアンドドロップエディターとは別にホストしたURLを使用できます。
連携するParent Segment、Realtime Personalization、Personalization Sectionを使用してキャンペーンの対象を設定します。
モバイルアプリに表示するURLを入力します。キャンペーンに一致すると、SDKがHosted PagesエクスペリエンスでURLを開きます。
起動前に、次の項目を確認してください。
- 対象のiOS / AndroidデバイスでURLを読み込めること。
- エクスペリエンスを終了するための導線がページにあること。
- Deep LinkとWeb URLが想定どおり動作すること。
- ポートレートとランドスケープの両方で正しく表示されること。
- プロフィール値が意図した箇所にだけ表示されること。
- 認証情報や機密情報が表示されないこと。
Launchをクリックすると、連携するPersonalization SectionからHosted Pagesを配信できるようになります。配信を停止するにはPauseをクリックします。Pause後、更新されたPersonalization設定が反映されると、新しいキャンペーンオファーはアプリに返されません。
ホストページとネイティブBridgeの要件については、Hosted Pages WebViewとBridgeの連携を参照してください。
Hosted Pagesは次のフローで配信されます。
- ユーザーがトラッキング対象の画面または操作に到達します。
- アプリがEngage Mobile SDKを通じてイベントを送信します。
- Realtime Personalizationがオーディエンスと配信条件を評価します。
- キャンペーンに一致するとレスポンスにHosted Pages URLが含まれます。
- Engage Mobile SDKがSDK所有のフルスクリーンWebViewでURLを開きます。
- ページが利用可能なBridgeとコンテキストを使ってアプリと連携します。
キャンペーンに一致しない場合、SDKは何も表示しません。これはエラーではなく、通常の結果です。
ホストページの要件、WebViewコンテキスト、Bridgeアクション、セキュリティ、ネイティブSDKの責務については、Hosted Pages WebViewとBridgeの連携を参照してください。
| エクスペリエンス | 永続性 | コンテンツソース | 表示 |
|---|---|---|---|
| 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のトラブルシューティングを参照してください。