--- title: "ウォークスルー:コンポーネントのパーソナライズ" slug: "walkthrough--personalizing-components" abstract: "パーソナライズされたコンテンツやレイアウトを備えたコンポーネントのバリアントを作成する方法を学び、そのバリアントを見るオーディエンスを定義しましょう。" --- # ウォークスルー:コンポーネントのパーソナライズ パーソナライズにより、訪問者にターゲットを絞ったコンテンツを届けることができます。例えば、閲覧行動やプロフィールの累積値に基づいてパーソナライズされたコンテンツを表示するルールを実装できます。 エクスペリエンスエディターでは、どのコンテンツが異なる訪問者に表示されるかを決めるルールを作成できます。これらはパーソナライズルールや条件付きレンダリングと呼ばれます。 目標、キャンペーン、エンゲージメントポイント、プロフィールバリューポイント、エンゲージメントプランなど、多様な基準に基づいたパーソナライズルールを作成できます。ウェブサイトは特定のコンテンツを表示したり、コンテンツを非表示したり、コンポーネントの挙動を調整したりすることで、リアルタイムでパーソナライズルールに反応します。 このウォークスルーでは、以下の方法を説明します: - [パーソナライズルールの作成](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/walkthrough--personalizing-components.html#UUID-d53a6b90-6994-7cbd-8218-7866b503ab81_N1527843759923 "Create a personalization rule") - [コンテンツをPersonalize](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/walkthrough--personalizing-components.html#UUID-d53a6b90-6994-7cbd-8218-7866b503ab81_N1527852071617 "Personalize the content") - [コンポーネントのレイアウトをPersonalize](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/walkthrough--personalizing-components.html#UUID-d53a6b90-6994-7cbd-8218-7866b503ab81_N1527852101121 "Personalize the layout for a component") - [コンポーネントのすべてのバージョンのリーチと効果を見る](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/walkthrough--personalizing-components.html#UUID-d53a6b90-6994-7cbd-8218-7866b503ab81_N1528120645908 "View the Reach and Effect for all versions of a component") - [パーソナライズされたコンポーネントをプレビューする](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/walkthrough--personalizing-components.html#UUID-d53a6b90-6994-7cbd-8218-7866b503ab81_N1528120680844 "Preview the personalized component") この例は、訪問者がパンフレットをダウンロードするためのリンクをいつ見たかを決めるルールの作成方法を示しています。 ## シナリオ ウェブサイトはホームページ以外のすべてのページでパンフレットをダウンロードするリンクを表示します。パーソナライズルールでは、*Our Services*ページのパンフレットリンクはリードスコア50以上の訪問者にのみ表示されることが明記されています。 ## パーソナライズルールの作成 パーソナライズルールを作成するには、例えばリードスコアが50以上の訪問者に特定のパンフレットを見せる条件を指定します。 > !注パーソナライズルールを作成する前に、そのパーソナライズルールに関連付けられたいすべてのコンテンツを準備しておく必要があります。パーソナライズされたコンポーネントのレイアウトを変更する場合は、関連するレンダリングアイテムも準備しておく必要があります。 パーソナライズルールを作成するには: 1. エクスペリエンスエディターで「 **ビュー** 」タブをクリックし、「 **有効化** 」グループで「 **デザイン」** を選択してデザイン機能を有効にしてください。 2. パーソナライズルールを実装したいページに移動します。この例では、*Services*ページを編集したいです。 3. サイドバーで「*詳細情報が欲しい*」セクションをクリックし、浮動ツールバーで**「このコンポーネント![CreateEditPersonalizationIcon.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/CreateEditPersonalizationIcon.png)のパーソナライズを作成または編集**」をクリックしてください。 ![FloatingToolbar\_PersonalizationIcon.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/FloatingToolbar_PersonalizationIcon.png) 4. **コンポーネントダイアログボックスPersonalize**、「**パーソナライズルール![PlusButton.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PlusButton.png)を追加**」をクリックします。 ![PersonalizeComponentsDialog.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PersonalizeComponentsDialog.png) 5. 新しい状態に適切な名前を付ける。例えば「 *リードにパンフレットだけを見せ*る」など。 ![OnlyShowtoLeadsRule.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/OnlyShowtoLeadsRule.png) Sitecoreは、パーソナライズルールを「 **Personalize the component** 」ダイアログボックスに表示される順番で評価します。訪問者が条件で指定されたルールを満たさない場合、Sitecoreは次の条件に進み、これを繰り返して訪問者が条件を満たすまで続きます。デフォルトの条件は、他の条件を満たさない場合に使用されます。 6. 新しいコンポーネントの条件を定義するには **、「ルール編集** 」をクリックし、ルール [作成ダイアログボックス](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/the-rule-set-editor.html "The Rule Set Editor")の*Choose conditions*欄で1つ以上の条件を選択します。 この例では、**Search**フィールドで検索ワード *プロファイルキー* を入力し、以下の条件を選択します。 「*インタラクションプロファイル内の特定のプロファイルキーの値が特定の値と比較される*場合」 ![CreateRuleDialog.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/CreateRuleDialog.png) > !注特定のパターンカードに行動が割り当てられている訪問者にのみ適用されるパーソナライズルールを作成するには、*現在の訪問が特定のプロファイルのパターンカードと一致*する条件を選択できます。 7. 条件内の値を編集してください。これを行うには、「 **編集ルール** 」欄のリンクをクリックしてください。 - 最初のリンクには when または whereという単語が含まれています。リンクをクリックすると、Sitecore条件が逆になり、 when と except when、または where と except whereが交互に現れます。 - 2つ目のリンクには「 specific」という単語が含まれています。このリンクをクリックすると、使用するアイテムやプロフィールを選択できるダイアログボックスに移動します。 - その他のリンクには比較や数値が含まれることもあります。これらのリンクをクリックするとダイアログボックスに行き、リンクに関連するオプションから選択できます。 この例では、リードスコアが50以上の訪問者のみにパンフレットのダウンロードリンクを表示させたいです。「 **Edit rule** 」フィールドで「 *Specific* 」をクリックし、「 **Select Profile Key** 」ダイアログボックスで*Score*を展開し、*Lead*を選択します。 **「OK」**をクリックします。 ![SelectProfileKeyDialog.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/SelectProfileKeyDialog.png) 8. このルールの比較を選択するには、「 **ルール編集** 」欄で「 *比較」*をクリックします。 **「比較を選択する** 」ダイアログボックスで「*より大きい」*を選択し、**OK**をクリックします。 ![SelectComparisonDialog.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/SelectComparisonDialog.png) 9. 訪問者の*Lead*プロフィールスコアが50を超えた場合、*Our Services*ページでパンフレットダウンロードリンクを表示するには、*特定の値を*クリックし、*50*を入力してから**OK**をクリックしてください。**OK**をクリックすると**ルール作成**ダイアログボックスを閉じます。コンポーネントダイアログボックス**のPersonalize**は以下のようになります: ![OnlyShowtoLeads\_withCondition.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/OnlyShowtoLeads_withCondition.png) ## コンテンツをPersonalize パーソナライズルールを作成した後、ルールの条件が満たされたときにページやコンポーネントに表示したい内容を指定できます。コンテンツの非表示や表示、ウェブコントロールの挙動や表示の調整も可能です。 コンテンツを隠したり表示したりするには: 1. **コンポーネントダイアログボックスPersonalize**、コンテンツを非表示にしたい**ルールを選**んでください。この例では、*Default*条件が適用されるときにコンポーネントを非表示にしたいです。 ![PersonalizeComponent\_Hide.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PersonalizeComponent_Hide.png) この例では、訪問者が*Our Services*ページに来たとき、リードスコアが50以上の場合のみ「 *Office Coreのパンフレットをダウンロード」* リンクが表示されます。訪問者がプロフィール値50になるまで見る*Default*条件の状態は、コンテンツを隠します。 2. ルールの異なるコンテンツを表示するには、「**コンテンツ**」欄で「**ブラウズ**![EllipseButton.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/EllipseButton.png)」をクリックしてください。 3. **「関連コンテンツ選択**」ダイアログボックスで、条件が満たされたときに表示したいアイテムをコンテンツツリー内を移動するか、検索を実行します。 ![SelectAssociatedContent.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/SelectAssociatedContent.png) > !注アイテムは現在のレンダリングアイテムと互換性がある必要があります。例えば、ウェブフォームのレンダリングはウェブフォームのレンダリングを使う必要があります。 4. パーソナライズのコンテンツを選択し終わったら、**OK**をクリックします。 5. ウェブサイトは現在、パーソナライズルールの条件に基づいてパーソナライズされたコンテンツを表示します。 ## コンポーネントのレイアウトをPersonalize また、ウェブページ上で部品の表示方法をパーソナライズすることもできます。 コンポーネントのレイアウトをカスタマイズするには: 1. **Personalize the Component**ダイアログボックスで、**コンポーネント設定のプレゼンテーションをPersonalize**を有効にしてください。これにより**Presentation**フィールドが表示されます。 ![PersonalizeComponentDialog\_PersonalizePresentation.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PersonalizeComponentDialog_PersonalizePresentation.png) 2. **プレゼンテーション**フィールドで「**ブラウズ**」をクリックし![EllipseButton.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/EllipseButton.png)「**レンダリングを選択する**」ダイアログボックスで、このパーソナライズルールに関連付けられたコンテンツに使うレンダリングを選択します。   ![SelectARendering.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/SelectARendering.png) > !注新しいレンダリングはコンポーネントと互換性がある必要があります。 3. コンポーネントを**Personalize**ダイアログボックスで**OK**をクリックします。 ## コンポーネントのすべてのバージョンのリーチと効果を見る コンポーネントの**Personalize**ダイアログボックスでは、各バージョンのコンポーネントのリーチと効果を確認できます: ![PersonalizeComponentDialog\_ReachAndEffect.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PersonalizeComponentDialog_ReachAndEffect.png) - **リーチ**は、コンポーネントを閲覧した全訪問者のうち、条件を満たした訪問者の割合を示します。ルールがアクティブなテスト中の場合は、テスト期間中計算されます。ルールがアクティブテスト中でない場合は、過去30日間の計算が行われます。 > !注ルールがアクティブなテスト中の場合、条件を満たす訪問者の半数だけがパーソナライズされたコンポーネントを見る。残りの半分はデフォルトのコンポーネントを見る。 - **効果**は、パーソナライズされた体験の訪問あたりのトレーリング値と条件を満たす訪問者のデフォルト体験との差パーセントとして計算されます。テストされていないバリアントについては、効果は0と示されます。 デフォルトバリアントの効果は常に0であるため、Defaultバリアントの **効果** フィールドは表示されません。 すべてのパーソナライズされたコンポーネントの統計は、現在のページの [「パーソナライズドエクスペリエンス」ダイアログ](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/the-personalized-experience-dialog-box.html "The Personalized experience dialog box")ボックスで確認できます。 ## パーソナライズされたコンポーネントをプレビューする パーソナライズされたコンテンツをプレビューするには、**エクスペリエンスエディター**でパーソナライズを追加したコンポーネントをクリックしてください。浮動メニューで矢印をクリックすると、現在の状態の詳細が表示され、別の条件をクリックすると、コンポーネントで設定した他のコンテンツが表示されます。 この例では、訪問者のリードスコアが50以上の場合、コンポーネントは以下のパンフレットを表示します: ![PersonalizationDropDownMenu.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/PersonalizationDropDownMenu.png) 訪問者のリードスコアが50未満の場合、パンフレットは隠されます。 ![HiddenBrochures.png](https://doc.sitecore.com/api/markdown-image/xp/ja/users/91/sitecore-experience-platform/images/HiddenBrochures.png) > !重要 [ルールをウェブサイト](https://doc.sitecore.com/xp/ja/users/91/sitecore-experience-platform/publish-an-item-to-your-website.html "Publish an item to your website") で使用する前に必ず公開してください。