# ウェブサイトコンテンツパーソナライゼーションのクリエイティブを作成する

ウェブサイトコンテンツのパーソナライゼーションでは、登録済みページのコンテンツスポットに、選択したオーディエンス向けのクリエイティブを表示します。このページでは[Personalization Studio](/ja/products/marketing-cloud/personalization-studio)のキャンペーンのStep 3で、バナー、画像、テキスト、CTAボタンを作成する方法を説明します。キャンペーンのStep 1–2とStep 4については[Personalization Studioのキャンペーンを作成する](/ja/products/marketing-cloud/personalization-studio/creating-campaigns)を参照してください。Pop-upメッセージ（in-browser messaging）は別のクリエイティブタイプです。作成方法は[Pop-upメッセージの作成](/ja/products/marketing-cloud/personalization-studio/creating-popup-messages)を参照してください。

## 開始する前に

- [Personalization Studioのキャンペーンを作成する](/ja/products/marketing-cloud/personalization-studio/creating-campaigns)で、Step 1とStep 2の設定を完了していること。
- [コンテンツスポットを含むページ](/ja/products/marketing-cloud/personalization-studio/managing-pages)が登録されていること。


## Step 3：ウェブサイトコンテンツクリエイティブを作成する

キャンペーンウィザードのStep 3で、コンテンツスポットとオーディエンスの組み合わせごとにクリエイティブアセットを作成します。

コンテンツステップ。オーディエンス選択、ページ選択、コンテンツスポット追加オプションが表示されている
1. キャンペーンウィザードで**Creative Assets**を開きます。
2. オーディエンスと登録済みページを選択します。
3. パーソナライズするコンテンツスポットを選択するか、新しく追加します。
4. そのコンテンツスポットとオーディエンスの組み合わせに対するクリエイティブアセットを作成します。


### サポートされるコンテンツタイプ

| **コンテンツタイプ**  | **説明**  | **例** |
|  --- | --- | --- |
| **Static Image** | 外部の画像URLを指定します。画像はURLで参照され、直接アップロードはされません。 | ヒーローバナーの背景画像 |
| **Static Text** | 色、フォント、配置などの書式設定ができるテキストです。 | 「春のセールへようこそ」 |
| **CTA Button** | ボタンのテキスト、リンクURL、位置、サイズを設定できます。 | 「今すぐ購入」から `/sale` へリンク |


### クリエイティブアセットエディターを使用する

キャンペーンコンテンツエディター。オーディエンスリスト、コンテンツスポットタブ、クリエイティブアセットツールバー、スタイルプロパティが表示されている
コンテンツエディターでは、次の操作ができます。

- コンテンツスポット内で画像、テキスト、ボタンを配置する。
- 色、フォント、配置を指定してテキストをフォーマットする。
- 外部URLを指定して画像を追加する。
- CTAボタンのテキスト、リンク、位置、サイズを設定する。


### デフォルトまたはフォールバックコンテンツを設定する

ターゲットオーディエンスに該当しない訪問者に表示するコンテンツスポットの内容を設定します。

- **Use existing website content** — コンテンツスポットを変更しません。これがデフォルトの動作です。
- **Replace with static content** — 対象オーディエンスに該当しないすべての訪問者に、静的な画像、テキスト、CTAを表示します。


### 例：ホームページのヒーローバナー

| **オーディエンス**  | **画像**  | **テキスト**  | **CTA** |
|  --- | --- | --- | --- |
| フォールバック | spring-sale-generic.jpg | 「春のセール：全品20%オフ」 | 今すぐ購入 → /sale |
| 新規訪問者 | spring-welcome.jpg | 「ようこそ — 初回注文20%オフ」 | ショッピングを始める → /sale?new=true |
| ロイヤルティメンバー | spring-vip.jpg | 「VIP先行アクセス：先にショッピング」 | 限定商品を見る → /sale/vip |


## ウェブサイトコンテンツの配信方法

ウェブサイトコンテンツパーソナライゼーションキャンペーンがアクティブな場合、次のように配信されます。

1. 訪問者がウェブサイトのページを読み込みます。
2. **Web SDK**がイベントをPersonalizationエンドポイントに送信し、オーディエンスへの該当を確認します。
3. エンドポイントが一致するオーディエンス向けのクリエイティブアセットを返します。
4. SDKがコンテンツスポットのDOM要素をパーソナライズドコンテンツに置き換えます。


## 次のステップ

- ステップ4のプレビューと配信については[Personalization Studioのキャンペーンを作成する](/ja/products/marketing-cloud/personalization-studio/creating-campaigns)を参照してください。
- Pop-upメッセージ（in-browser messaging）については[Pop-upメッセージの作成](/ja/products/marketing-cloud/personalization-studio/creating-popup-messages)を参照してください。