--- title: "コンポーネントのバリエーションを作成する" slug: "create-variants-of-a-component" abstract: "複数のバリエーションを作成してテストし、どのバリアントが最も効果的かを見つけることができます。" --- # コンポーネントのバリエーションを作成する コンポーネントテストは、ウェブサイトのコンテンツの代替の組み合わせをテストし、どのコンポーネントやコンポーネントの組み合わせが最も訪問者に効果的かを判断できます。テスト結果を素早く評価し、オーディエンスに最適なコンテンツの洞察を得ることができます。これにより、より高い目標コンバージョン率でより成功するキャンペーンを作成できます。 テストが終わると、各テストのバリエーションとそれらの隣に付く累積値を見て、勝った内容を選べます。 このトピックでは、以下の方法を説明します: - [コンポーネントの新しいバリエーションを作成する](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/create-variants-of-a-component.html#UUID-102a12d9-7b13-26ac-3000-96f388b01aac_id__Create_a_new "Create a new variation of a component") - [バリエーションの内容を指定してください](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/create-variants-of-a-component.html#UUID-102a12d9-7b13-26ac-3000-96f388b01aac_id__Specify_the_content "Specify the content for a variation") - [バリエーションのデザインを指定してください](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/create-variants-of-a-component.html#UUID-102a12d9-7b13-26ac-3000-96f388b01aac_id__Specify_the_design "Specify the design of a variation") - [新しいバリエーションを保存する](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/create-variants-of-a-component.html#UUID-102a12d9-7b13-26ac-3000-96f388b01aac_id__Save_the_new "Save new variations") また、[コンポーネントをパーソナライズし](https://doc.sitecore.com/xp/ja/users/104/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/104/sitecore-experience-platform/images/FFEA2AB4528D4A389D6BD3C5E74D9230.png) > !重要コンポーネントテストを実行する際は、一度に1つの言語バージョンでのみテストを実行しなければなりません。同じテストを複数の言語で同時に実施する場合、最初に勝者として選んだバリエーションは、テストを実施したすべての言語バージョンで勝者として選ばれます。 2. ウェブサイト上でテストしたいコンポーネントを選択し、浮動ツールバーで **「コンポーネントをテスト** ![E9CFB99E1CA24C288971F6401447E34D.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/E9CFB99E1CA24C288971F6401447E34D.png)」をクリックします。 3. **「コンポーネントのテスト****」ダイアログボックスで、新しいテストバリエーションを作成するには「新しいバリエー**ション」をクリックしてください。 ![The Test the Component dialog box](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/Test_the_component_10-1_no_RT.png) 4. バリエーション名を、追加するテストバリエーションの名前に置き換えてください。 これで、コンテンツテストを始める前に新しいバリエーションの内容やデザインを指定できます。 ## バリエーションの内容を指定してください 新しいテストバリエーションの内容を指定するために: 1. コンテンツツリー内の既存コンテンツを閲覧するには、「 **テストコンテンツ項目** 」フィールドで「 **ブラウズ** ![1B5DF7437D4F4964BA377FB8C5E70395.jpg](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/1B5DF7437D4F4964BA377FB8C5E70395.jpg)」をクリックしてください。 2. **「関連コンテンツ選択**」ダイアログボックスで: - Sitecoreコンテンツツリー内のアイテムを閲覧するには、「**既存のコンテンツを選択し**![464E8E4F17A645A39A9FCCC8458674EA.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/464E8E4F17A645A39A9FCCC8458674EA.png)」をクリックしてください。  - テストに追加したい項目を検索するには、「**Content![EA9DE4B5B9BD43C09F5776BA34CD947B.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/EA9DE4B5B9BD43C09F5776BA34CD947B.png)Search**」をクリックしてください。  - 既存のアイテムをクローンしてから編集するには、「 **現在のコンテンツのクローン** ![C74598F11CE24FECB82300FDD853AC16.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/C74598F11CE24FECB82300FDD853AC16.png)」をクリックしてください。 - 新しいコンテンツ項目を挿入するには、「 **新しいコンテンツを作成** ![24768D3E1CCE4AE59CC7A813CAC73A1F.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/24768D3E1CCE4AE59CC7A813CAC73A1F.png)」をクリックしてください。 ![The Select the Associated Content dialog box](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/BDD76EF0D0CC43A8A1D5AAD1CA73FDE5.png) 3. 使いたいコンテンツを選択したら、**OK**をクリックします。 > !注または、ページ上でコンポーネントを非表示にするには、「コンポーネントを非表示」を選択してください。 ## バリエーションのデザインを指定してください 新しいバリエーションのレンダリングを選択するには: 1. コンポーネント **の設計** をテストするには、「 **コンポーネントのバリエーション」** チェックボックスを選択してください。 2. **テストコンポーネント設計**フィールドで「**Browse**![B3F70DCE193048B784E0FFBD993CBF75.jpg](https://doc.sitecore.com/api/markdown-image/xp/ja/users/104/sitecore-experience-platform/images/B3F70DCE193048B784E0FFBD993CBF75.jpg)をクリックして別のレンダリングを選択します。  ## 新しいバリエーションを保存する テストに含めたいすべてのバリエーションを追加したら、テストを始める前に変更内容を保存してください: 1. **コンポーネントをテスト**するダイアログボックスで「**OK」**をクリックします。 2. 変更を保存してください。 さあ、[コンテンツテストを始める](https://doc.sitecore.com/xp/ja/users/104/sitecore-experience-platform/preview-and-start-a-content-test.html "Preview and start a content test")準備ができました。