---
title: "コンポーネントのバリエーションを作成する"
slug: "create-variants-of-a-component"
abstract: "複数のバリエーションを作成してテストし、どのバリアントが最も効果的かを見つけることができます。"
---
# コンポーネントのバリエーションを作成する

コンポーネントテストは、ウェブサイトのコンテンツの代替の組み合わせをテストし、どのコンポーネントやコンポーネントの組み合わせが最も訪問者に効果的かを判断できます。テスト結果を素早く評価し、オーディエンスに最適なコンテンツの洞察を得ることができます。これにより、より高い目標コンバージョン率でより成功するキャンペーンを作成できます。

テストが終わると、各テストのバリエーションとそれらの隣に付く累積値を見て、勝った内容を選べます。

このトピックでは、以下の方法を説明します:

-   [コンポーネントの新しいバリエーションを作成する](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/create-variants-of-a-component.html#UUID-8f3a362e-6a95-5e05-e7f1-bc9c9c0312a6_id__Create_a_new "Create a new variation of a component")
-   [バリエーションの内容を指定してください](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/create-variants-of-a-component.html#UUID-8f3a362e-6a95-5e05-e7f1-bc9c9c0312a6_id__Specify_the_content "Specify the content for a variation")
-   [バリエーションのデザインを指定してください](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/create-variants-of-a-component.html#UUID-8f3a362e-6a95-5e05-e7f1-bc9c9c0312a6_id__Specify_the_design "Specify the design of a variation")
-   [新しいバリエーションを保存する](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/create-variants-of-a-component.html#UUID-8f3a362e-6a95-5e05-e7f1-bc9c9c0312a6_id__Save_the_new "Save new variations")

また、[コンポーネントをパーソナライズし](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/walkthrough--personalizing-components.html "Walkthrough: Personalizing components") 、そのパーソナライズされたコンポーネントをコンポーネントテストに含めることもできます。

## コンポーネントの新しいバリエーションを作成する

ウェブサイト上のコンポーネントの新しいバリエーションを作成するには:

1.  **エクスペリエンスエディター**のリボンの「**バージョン**」タブで、テストを作成したい言語バージョンを選択します。
    
    ![The language version button on the Experience Editor ribbon](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/create-variants-of-a-component-create-a-new-variation.png)
    
    > !重要コンポーネントテストを実行する際は、一度に1つの言語バージョンでのみテストを実行しなければなりません。同じテストを複数の言語で同時に実施する場合、最初に勝者として選んだバリエーションは、テストを実施したすべての言語バージョンで勝者として選ばれます。
    
2.  ウェブサイト上でテストしたいコンポーネントを選択し、浮動ツールバーで **「コンポーネントをテスト** ![E9CFB99E1CA24C288971F6401447E34D.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/E9CFB99E1CA24C288971F6401447E34D.png)」をクリックします。
    
3.  **「コンポーネントのテスト****」ダイアログボックスで、新しいテストバリエーションを作成するには「新しいバリエー**ション」をクリックしてください。
    
    ![The Test the Component dialog box](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/create-variants-of-a-component-test-the-component-dialog.png)
    
4.  バリエーション名を、追加するテストバリエーションの名前に置き換えてください。
    

これで、コンテンツテストを始める前に新しいバリエーションの内容やデザインを指定できます。

## バリエーションの内容を指定してください

新しいテストバリエーションの内容を指定するために:

1.  コンテンツツリー内の既存コンテンツを閲覧するには、「 **テストコンテンツ項目** 」フィールドで「 **ブラウズ** ![1B5DF7437D4F4964BA377FB8C5E70395.jpg](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/1B5DF7437D4F4964BA377FB8C5E70395.jpg)」をクリックしてください。
    
2.  左ペインの「 **関連コンテンツ選択** 」ダイアログボックスで:
    
    -   Sitecoreのコンテンツツリーでアイテムを閲覧するには、「 **既存コンテンツを選択し**てください」をクリックしてください。
    -   テストに追加したい項目を検索するには、「 **Search for Content**」をクリックしてください。
    -   既存のアイテムをクローンしてから編集するには、「 **現在のコンテンツをクローン**」をクリックします。
    -   新しいコンテンツ項目を挿入するには、「 **新しいコンテンツを作成**」をクリックしてください。
    
    ![The Select the Associated Content dialog box](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/create-variants-of-a-component-select-associated-content.png)
    
3.  使いたいコンテンツを選択したら、**OK**をクリックします。
    

> !注または、ページ上でコンポーネントを非表示にするには、「コンポーネントを非表示」を選択してください。

## バリエーションのデザインを指定してください

新しいバリエーションのレンダリングを選択するには:

1.  コンポーネント **の設計** をテストするには、「 **コンポーネントのバリエーション」** チェックボックスを選択してください。
2.  **テストコンポーネント設計**フィールドで「**Browse** ![B3F70DCE193048B784E0FFBD993CBF75.jpg](https://doc.sitecore.com/api/markdown-image/xp/ja/users/105/sitecore-experience-platform/images/B3F70DCE193048B784E0FFBD993CBF75.jpg)」をクリックして別のレンダリングを選択します。

## 新しいバリエーションを保存する

テストに含めたいすべてのバリエーションを追加したら、テストを始める前に変更内容を保存してください:

1.  **コンポーネントをテスト**するダイアログボックスで「**OK」**をクリックします。
2.  変更を保存してください。

さあ、[コンテンツテストを始める](https://doc.sitecore.com/xp/ja/users/105/sitecore-experience-platform/preview-and-start-a-content-test.html "Preview and start a content test")準備ができました。