アプリ内メッセージのカスタマイズ customizing-an-in-app-message

Adobe Campaign では、アプリ内メッセージのデザイン中に、一連の詳細設定オプションにアクセスしてアプリ内メッセージを微調整できます。

アプリ内コンテンツエディターでは、アプリ内メッセージモードを次のいずれかに選択できます。

  • メッセージテンプレート:このテンプレートを使用すると、画像やビデオ、アクションボタンを含むアプリ内メッセージを完全にカスタマイズできます。
  • カスタムメッセージ:このテンプレートを使用すると、カスタム HTML をインポートできます。

NOTE
アプリ内メッセージのレンダリングは、Android API 19 以降のバージョンでのみサポートされます。

関連トピック:

メッセージテンプレートを使用したカスタマイズ customizing-with-a-message-template

レイアウト layout

Layout ​ドロップダウンには、メッセージングのニーズに応じて、次の 4 つの選択肢が用意されています。

  • Full page:このタイプのレイアウトは、オーディエンスデバイスの画面全体に適用されます。

    メディア(画像、ビデオ)、テキストおよびボタンのコンポーネントをサポートします。

  • Large modal:このレイアウトは、大きなアラートスタイルのウィンドウに表示されます。アプリケーションは背景で表示されます。

    メディア(画像、ビデオ)、テキストおよびボタンのコンポーネントをサポートします。

  • Small modal:このレイアウトは、小さなアラートタイプのウィンドウとして表示されます。アプリケーションは背景で表示されます。

    メディア(画像、ビデオ)、テキストおよびボタンのコンポーネントをサポートします。

  • Alert:このタイプのレイアウトは、ネイティブの OS アラートメッセージとして表示されます。

    サポートできるのは、テキストコンポーネントとボタンコンポーネントのみです。

  • Local notification:このタイプのレイアウトは、バナーメッセージとして表示されます。

    サウンド、テキスト、宛先のみをサポートします。ローカル通知の詳細については、ローカル通知メッセージタイプのカスタマイズを参照してください。

コンテンツエディターの右側のウィンドウでは、様々なデバイス(スマートフォンやタブレットなど)、様々なプラットフォーム(Android、iOS など)、異なる向き(横置きと縦置き)での各タイプのレイアウトをプレビューできます。

メディア media

Media ​ドロップダウンを使用すると、アプリ内メッセージにメディアを追加して、エンドユーザーにとって魅力的なエクスペリエンスを作成できます。

  1. Media Type」で「Image」か「Video」のどちらかを選択します。

  2. メディアタイプが​ Image ​の場合は、サポートされている形式に基づいて、URL を「Media URL」フィールドに入力します。

    必要に応じて、デバイスがオフラインの場合に使用できる、Bundled image ​のパスを入力することもできます。

  3. メディアタイプが​ Video ​の場合は、「Media URL」フィールドに URL を入力します。

    次に、ビデオがオーディエンスデバイスでダウンロード中に、またはユーザーが再生ボタンをタップするまで使用する​ Video poster ​を入力します。

テキスト text

必要に応じて、アプリ内メッセージにメッセージのタイトルとコンテンツを追加することもできます。また、様々なパーソナライゼーションフィールド、コンテンツブロック、動的テキストをコンテンツに追加して、アプリ内メッセージをさらにパーソナライズすることができます。

  1. Text ​ドロップダウンで、「Message title」フィールドにタイトルを追加します。

  2. Message content」フィ―ルドにコンテンツを追加します。

  3. テキストをさらにパーソナライズするには、 アイコンをクリックしてパーソナライゼーションフィールドを追加します。

  4. メッセージの内容を入力し、必要に応じてパーソナライゼーションフィールドを追加します。

    パーソナライゼーションフィールドについて詳しくは、こちらを参照してください。

  5. プレビューウィンドウでメッセージの内容を確認します。

ボタン buttons

アプリ内メッセージには、最大 2 つのボタンを追加できます。

  1. Buttons ​ドロップダウンで、「Primary」カテゴリの最初のボタンのテキストを入力します。

  2. Dismiss ​と​ Redirect ​のアクションのうち、どちらかを選択してプライマリボタンに割り当てます。

  3. 必要に応じて、「Secondary」カテゴリでテキストを入力し、アプリ内メッセージに 2 つ目のボタンを追加します。

  4. 2 つ 目のボタンに関連付けるアクションを選択します。

  5. Redirect ​アクションを選択した場合は、「Destination URL」フィールドに Web URL またはディープリンクを入力します。

  6. Redirect ​アクションを選択した場合は、「Destination URL」フィールドに Web URL またはディープリンクを入力します。

  7. プレビューウィンドウで、またはプレビューボタンをクリックして、メッセージの内容を確認します。

    アプリ内メッセージのプレビューを参照してください。

設定 settings

  1. Settings」カテゴリでは、明るい色または暗い色の背景色を選択します。

  2. アプリ内メッセージを閉じるボタンを表示するかどうかを「Show close button」オプションで選択します。

  3. Button alignment」オプションを使用して、ボタンの配置を水平または垂直に設定します。

  4. アプリ内メッセージを数秒後に自動的に閉じるかどうかを選択します。

ローカル通知メッセージタイプのカスタマイズ customizing-a-local-notification-message-type

ローカル通知は、特定の時間に、またはイベントに応じて、アプリでのみトリガーできます。ユーザーがインターネットにアクセスしなくても、アプリで何かが起きていることが通知されます。ローカル通知の追跡方法については、こちらを参照してください。

ローカル通知をカスタマイズするには:

  1. Content ​ページで、「Layout」カテゴリから「Local notification」を選択します。

  2. Text」カテゴリで「Message title」と「Message content」を入力します。

  3. Advanced option」カテゴリの「Wait to display」フィールドで、イベントがトリガーされてからローカル通知が画面に表示されるまでの時間(秒)を選択します。

  4. Sound」フィールドには、ローカル通知を受信したときにモバイルデバイスが再生するサウンドファイルのファイル名(拡張子付き)を入力します。

    サウンドファイルがモバイルアプリケーションのパッケージに定義されている場合は、そのファイルが通知の配信時に再生されます。それ以外の場合は、デバイスのデフォルトのサウンドが再生されます。

  5. ユーザーがローカル通知とやり取りする場合のリダイレクト先を「Deeplink URL」フィールドに指定します。

  6. キーと値のペアの形式でペイロード内のカスタムデータを渡すには、カスタムフィールドをローカル通知に追加します。「Custom fields」カテゴリで、「Create an element」ボタンをクリックします。

  7. Keys」を入力し、各キーに関連付けられている「Values」を入力します。

    カスタムフィールドの扱い方と目的はモバイルアプリによって異なることに注意してください。

  8. Apple のモバイルアプリケーションで使用可能な場合は、「Apple options」カテゴリの「Category」フィールドにカスタムアクションのカテゴリ ID を入力して追加します。

カスタムHTMLメッセージを使用したカスタマイズ customizing-with-a-custom-html-message

NOTE
カスタム HTML メッセージでは、コンテンツのパーソナライゼーションをサポートしていません。

Custom message ​モードでは、事前設定済みの HTML メッセージを 1 つ直接インポートすることができます。

ファイルをドラッグ&ドロップするかコンピューターから選択するだけで、インポートできます。

ファイルには、特定のレイアウトが必要です。そのレイアウトを表示するには、「サンプルファイルをダウンロード」オプションをクリックしてください。

また、Adobe Campaign に正常にインポートするためのカスタム HTML 要件のリストも確認できます。

HTML をインポートすると、様々なデバイスでのファイルのプレビューがプレビューウィンドウに表示されます。

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff