# アプリメッセージ

アプリメッセージは、ネイティブアプリ内に表示される単位です。これらの単位は、次のような多くの用途に適しています:

* 特別オファー
* お知らせ
* 通知の事前許可プロンプト

## アプリメッセージを使うタイミング

アプリ内でユーザーがアクティブなときにコミュニケーションしたい場合は、アプリメッセージを使用します。例えば:

* プロモーションや期間限定オファー
* 製品のお知らせや機能の案内
* 状況に応じたリマインダーや促し
* 教育やオンボーディングの場面

## フォーマット

アプリメッセージの単位は非常に柔軟にカスタマイズでき、メッセージの目的に応じていくつかの異なる形式で表示できます。&#x20;

### バナー

バナー単位は小さめの単位で、デバイス画面の上部または下部に表示でき、本文テキストと左寄せまたは右寄せの画像を含みます。

<div align="left"><figure><img src="https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FnVKzsTuJTjqtWFvGpmXj%2FScreenshot%202024-03-07%20at%209.52.20%20AM.png?alt=media&#x26;token=6ff7eaff-6faa-4c0c-b6ba-f8c789e97f6c" alt=""><figcaption></figcaption></figure></div>

### モーダル

モーダル単位はデバイス中央に表示され、大きな画像、ヘッダー、タイトル、本文テキストを含みます。この単位には最大2つのボタンを追加できます。

<div align="left"><figure><img src="https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FRO4jAlmX6pww1afIcagq%2FScreenshot%202024-03-07%20at%209.34.01%20AM.png?alt=media&#x26;token=153b944f-5241-4f6e-a671-a4c5660613de" alt=""><figcaption></figcaption></figure></div>

### フルスクリーン

フルスクリーン単位はデバイスの画面全体を覆い、大きな画像、ヘッダー、タイトル、本文テキストを含みます。この単位には最大2つのボタンを追加できます。

<div align="left"><figure><img src="https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FtVOKyRJtTPVWJCIcAQ54%2FScreenshot%202024-03-07%20at%209.36.52%20AM.png?alt=media&#x26;token=b939fe92-58dd-494c-b862-a2ef5a80b8da" alt=""><figcaption></figcaption></figure></div>

## メッセージを作成する

作成中は、レイアウト、コンテンツ、アクションの3つに注目してください。

#### 1) レイアウトと見た目

選択した形式に応じて、次のような共通の視覚要素を設定できます:

* 背景色
* 画像のオン/オフ
* 画像のフィット設定（例: Cover vs Contain）
* 画像の位置（例: サポートされている場合は上部 vs 下部）

ガイド:

* 使用する **Contain** 画像全体を常に表示する必要がある場合。
* 使用する **Cover** 端のトリミングが許容でき、より没入感のある見た目にしたい場合。

#### 2) コンテンツ

ほとんどの形式は次の組み合わせをサポートしています:

* ヘッダー（任意）
* タイトル（推奨）
* 本文（推奨）

ガイド:

* 小さなスマートフォンで不自然に折り返されないよう、タイトルは短くしてください。
* バナーでは長い本文テキストは避けてください。
* メッセージが説明的な内容である場合は、見やすさのためにタイトルと本文で内容を分けてください。

#### 3) ボタンとCTA

モーダルとフルスクリーンのメッセージは最大 **2つのボタン**.

推奨事項:

* 可能であれば、主要なCTAは1つにしてください。
* CTAテキストは簡潔にしてください（2〜4語が適切な目安です）。
* 2つ目のボタンを含める場合は、明確な代替案にしてください（例: 「今はしない」や「詳細を見る」）。

<figure><img src="https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FfZtXSGk8LhCYvQf6zx4Q%2FScreenshot%202026-02-12%20at%2012.03.21%E2%80%AFPM.png?alt=media&#x26;token=3acd5193-ff74-492c-ab04-026e48a30e18" alt=""><figcaption></figcaption></figure>

### プレビュー

プレビューはビルダー全体に統合されているため、公開前にメッセージの見た目を確認できます。これを使って、さまざまな画面サイズやUIモードでの余白、テキストの長さ、画像の挙動、ボタンの表示を確認してください。

#### インラインプレビューパネル

ビルダーには、コンテンツや見た目を編集するたびに更新されるプレビューパネルが含まれています。レイアウトやコピーを素早く調整するために使用してください。

#### アプリメッセージのプレビューウィンドウ

より詳細に確認するには、 **アプリメッセージのプレビュー** ウィンドウを開いてください。このウィンドウでは、次のような複数のデバイス環境で同じメッセージをプレビューできます:

* **デバイスの種類:** スマートフォンまたはタブレット
* **プラットフォーム:** Apple / iOS または Android
* **向き:** 縦向きまたは横向き
* **テーマ:** ライトまたはダーク

<figure><img src="https://1832353165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lry9Z27iWOZyQEGAgY7%2Fuploads%2FPR7LrYaL6kqeLuIhmgfT%2FScreenshot%202026-02-12%20at%2012.05.20%E2%80%AFPM.png?alt=media&#x26;token=d9e27794-ef2a-4240-bb3e-1b8d7f5053e1" alt=""><figcaption></figcaption></figure>
