アプリ内メッセージのレイアウトの選択 choose-a-layout-for-your-in-app-message

Marketo は、アプリ内メッセージを作成するための 6 種類のレイアウトを提供しています。

ポップアップレイアウト pop-up-layouts

3 つのポップアップレイアウトには、画像、テキスト、ボタン、背景などのプリセットデザイン要素が用意されています。

最初のポップアップレイアウトがデフォルトとして選択されているのには理由があります。ほとんどの用途に適しているからです。 低解像度の画像でも問題なく機能します。 このレイアウトは、プラットフォームの標準フォント（Apple の場合は Helvetica、Android の場合は Roboto）を使用するので、スマートフォンやタブレットでは常に正しく表示されます。 メイン画像と背景画像をアップロードして配置し、独自のメインテキストとサポートテキストを記述し、メインボタンと閉じるボタンを設定できます。 テキストは、24 ピクセルの場合 3 行に制限されます。 文字サイズを大きくすると、行数が少なくなります。

2 つ目のポップアップレイアウトでは、テキストボックスが削除され、高さの大きな画像用の領域が増えます。 画像を読み込む前に、任意のスタイルでテキストを画像に追加し、カスタムな見た目にします。

3 つ目のポップアップレイアウトは、アプリ内メッセージで画像を使用する必要がない場合に最適です。 2 つのボタンを使用して、メッセージ受信者にアクションを選択できます。 テキストは 3 行に制限されます。 文字サイズを大きくすると、使用可能な行数が少なくなります。

全画面表示レイアウト full-screen-layouts

3 つのフルスクリーンスタイルのレイアウトは、完成したグラフィックアートワークを読み込めるように設計されています。 独自のフォントを選択し、任意の web ページやプロモーションに合わせてグラフィック内に埋め込みます。

1 つ目の全画面表示レイアウトでは、空白のキャンバスが表示されます。 画像を引き伸ばしたり切り抜いたりせずに、アップロードした内容が正確に表示されます（以下の例を参照）。 画像の形状に応じて、周囲に空白の領域を残し、縮小して合わせます。 画像の一部は削除されません。

この水平画像は全幅で表示され、上下に空白が残っています。

2 つ目のフルスクリーンレイアウトでは、テキストフィールドとボタンが追加されます。

最初のフルスクリーンレイアウトとは異なり、このレイアウトは 3 つ目のフルスクリーンレイアウト（下）と共に、配置された画像を高さに合わせて拡大し、両端をトリミングします。 元の画像に応じて、魅力的な背景画像を作成できます。 この例では、上に示した画像と同じ画像を使用します。

3 つ目のフルスクリーンレイアウトは、2 つ目のボタン以外は 2 つ目のレイアウトと同じです。 これにより、メッセージ受信者に、より多くのオプションを提供します。

これでテンプレートについて理解できました。次に、アプリ内メッセージ画像を作成する際に、テンプレートを選択します。