# Pop-upメッセージの作成

[Personalization Studio](/ja/products/marketing-cloud/personalization-studio)のPop-upメッセージ（in-browser messaging）は、選択したウェブページ上に表示されます。キャンペーンに追加して、プロモーション、アナウンス、オンボーディングなど、緊急性のないメッセージを訪問者に届けます。

Release Preview（Beta）
Personalization StudioのPop-upメッセージ機能はRelease Preview（Beta）です。一般提供開始前に、機能や実装の詳細が変更される場合があります。

## 開始する前に

- Personalization StudioアカウントでPop-up機能が有効になっている必要があります。
- キャンペーンでPop-upを使用するには、Real-Time Personalization 2.0を有効にしておく必要があります。


## ページでPop-upを有効にする

1. **Pages**タブを開きます。
2. ページを作成するか、既存のページを編集します。
3. ページで**Enable Pop-ups**をオンにします。


ページで**Enable Pop-ups**をオンにすると、キャンペーンの**Creative Assets**ステップにある**Content**タブで、そのページのPop-upスポットを選択できます。**Enable Pop-ups**が表示されない場合、アカウントでPop-up機能が有効になっていない可能性があります。

## キャンペーンにPop-upを追加する

1. キャンペーンを作成します。
2. **Campaign Setup**でキャンペーンの詳細を入力します。
3. **Events & Audiences**で、キャンペーンのトリガーイベントとオーディエンスを選択します。
4. **Creative Assets**を開き、**Content**タブを選択します。
5. Pop-upを有効にしたページを選択します。
6. そのページのPop-upスポットを選択します。


## Pop-upをデザインする

Personalization Studioのドラッグ＆ドロップエディターでPop-upコンテンツを追加・配置します。Contentタブでは、次のカラムレイアウトとコンテンツタイプを使用できます。

- カラムレイアウト：**1カラム**、**2カラム**、**3カラム**、**2カラム（3/7）**
- 静的テキストと見出し
- リンク
- ボタン
- 画像


ボタンには、URLへ移動する動作またはPop-upを閉じる動作を設定できます。

### 配置とサイズを設定する

**Settings**パネルで、**Center**、**Top-left**、**Top-center**、**Top-right**、**Bottom-left**、**Bottom-center**、**Bottom-right**から位置を選択します。訪問者がスクロールしてもPop-upをビューポート内の同じ位置に固定するには、**Position fixed on scroll**を有効にします。**Styles**パネルでPop-upのサイズと余白を編集します。

新しいPop-upには、次の編集可能なデフォルト値が設定されます。

| **設定**  | **デフォルト**  |
|  --- | --- |
| デスクトップの最大幅 | 600 px |
| モバイルの最大幅 | ビューポート幅が620 px以下の場合は300 px |
| 背景のパディング | 0 px |
| 角の丸み | 8 px |


### Pop-upを閉じる方法を設定する

**Settings**パネルで**Enable close icon**の有効／無効を切り替え、有効にした場合は色を設定します。Pop-upの外側をクリックして閉じる方法も有効にできます。キャンペーンを配信する前に、少なくとも1つの閉じる方法を有効にしてください。

## プレビュー、配信、確認

1. **Preview**を選択します。
2. **Desktop**、**Tablet**、**Mobile**でPop-upを確認します。
3. キャンペーンを配信します。
4. キャンペーンの更新が反映されるまで約10分待ちます。
5. キャンペーンのトリガーイベントとオーディエンスの条件に一致する訪問者として、選択したページにアクセスします。
6. Pop-upが表示されることを確認します。
7. テキスト、画像、リンク、ボタン、および有効にした閉じる方法を確認します。


キャンペーンではインプレッション（メッセージ送信数）とクリックを計測します。

## 次のステップ

- キャンペーンの設定と配信については[Personalization Studioのキャンペーンを作成する](/ja/products/marketing-cloud/personalization-studio/creating-campaigns)を参照してください。