製品の分析コード値を見本として表示する設定

この記事では、Microsoft Dynamics 365 Commerce headquarters で製品分析コード値を見本として構成する方法について説明します。 製品の分析コードに関する詳細については、製品の分析コード を参照してください。

Dynamics 365 Commerce では、製品のバリエーションを表現するために、サイズ、スタイル、カラーの分析コードに対応しています。 製品の分析コードにはフレンドリ名が付けられており、製品の詳細ページ (PDP) に表示され、製品のバリエーションを選択できるようになっています。 たとえば、サイズであれば「小」、「中」、「大」、色であれば「黒」、「茶」などです。 しかし、製品のバリエーションが多い場合は、各製品のバリエーションごとに画像を表示するには複数の選択が必要になります。 そのため、顧客が製品のバリエーションを参照して選択するのに時間がかかり、面倒な作業となってしまいます。

PDP に寸法が見本として表示されていれば、顧客は製品のバリエーションを視覚的に確認することができます。 顧客は、色、パターン、テクスチャーの豊富なバリエーションを簡単に閲覧でき、製品のさまざまな組み合わせを素早く確認できます。

分析コードを見本として表示する機能では、Commerce が16進数 (Hex) コードや画像を使って分析コードを見本として表示することができます。 また、色などの類似うする分析コードを製品の一覧ページでグループ化できます。 たとえば、顧客が青色の製品を検索しているとします。 様々な青色の分析コード値がグループ化されている場合、検索結果のリストページには、異なる青の色調のを持つ製品が表示されます。 分析コードのグルーピングにより、製品の照会エクスペリエンスが大幅に向上し、顧客が1つの商品検索クエリでより多くの商品を見つけられるようになります。

メモ

Dynamics 365 Commerce のバージョン 10.0.20 のリリースから、見本としての分析コードを表示する機能が利用できるようになりました。

次の図は、Commerce PDP上で色が見本として表示される例です。

次の図は、Commerce の検索結果一覧ページで色が見本として表示される例です。

Commerce の見本として分析コード表示機能を有効にする

コマース本部で分析コードを見本として表示する機能を有効化するには、ワークスペース > 機能管理に移動し、メカニズムを有効にして寸法を見本として表す機能を有効化してください。 この機能フラグを有効にすると、Commerce 本部の適切なテーブルに、各分析コードごとに次の3つの新しいフィールドが追加されます: Hexcode、URL (画像用)、RefinerGroup。

Commerce 本部での分析コード値の設定

見本としての分析コード表示機能は、サイズ、スタイル、カラーの分析コードに対応しています。 Commerce 本部では、適切な分析コードに対応する画像コードと画像 URL の値を指定できます。 既定では、分析コードに16進コードと画像URLの値が提供されていない場合、分析コードのフレンドリ名のテキストが表示されます。

構成は、次のレベルで実行できます:

• 分析コード - Commerce 本部で、色、サイズ、 スタイル を検索して、分析コードのページを開きます。 各ページでは、グリッドに分析コード値が一覧表示されます。 表示順序、画面表示コード、画像 URL の値を管理できます。 次の図は、色ページの構成例を表示しています。

  

• 分析コード グループ - Dynamics 365 Commerce では、RefinerGroupプロパティを使用して分析コード グループを作成できます。 分析コード グループが定義されている場合は、色グループ、サイズ グループ、スタイル グループを検索して適切なページを開きます。 各ページでは、複数の画像コード、画像URL、絞り込みグループの値を管理できます。 次の図は、色グループページの構成例を表示しています。

  

• 製品分析コード (製品の作成中) - 新しい製品を作成する際に、製品の分析コードページを使って分析コード値を入力することができます。 既存の製品の場合、Hexcode、URL (画像で使用)、RefinerGroup の各フィールドがすでに設定されている場合があります。 必要に応じて値を変更することもできます。 次の図は、製品分析コードページの構成例を表示しています。

  

メモ

16進コードと画像 URL の設定を管理するプロセスは、分析コードの表示順を管理するのと同じパターンで行われます。

16 進数コードを使用した分析コード値の構成

ほとんどの色の分析コードについては、Commerce 本部の分析コードページに16進法のカラー値を記載する必要があります。 たとえば、黒色は、16進数で #00000 という値になります。 Commerce がサイトのページをレンダリングする際に、16進数のコードが色付きの見本で表現されます。

次の図は、色の分析コードを16進数の値で設定する例です。

画像の URL を使用した分析コード値の構成

一部の色分析コードは、色ではなくパターンを表します。 たとえば、カラー分析コードを「レオパード」と表現するとします。 このような場合、見本の16進コードではなく、公開されている画像を使用することで、より効果的に色の分析コードを表現することができます。

それぞれの画像を Commerce サイト ビルダーにアップロードして公開する必要があります。 その後、Commerce本部の適切な分析コードページに掲載画像の URL を入力します。 見本として表示する分析コードが選択されていても、16進コードが定義されていない場合、Commerce はページをレンダリングする際に画像検索を行います。 画像の検索が失敗すると、Commerce には分析コードのユーザー名のテキストが表示されます。

次の図は、色ページの構成に画像 URL を使用した例です。

メディア テンプレートを使用すると、製品イメージやカテゴリ イメージと同様に、画像のURLを定義できます。 サイト ビルダーに画像をアップロードする場合は、ファイル名の規則とファイル パスが一貫している必要があります。

次の図は、メディア テンプレートの構成に画像 URL を使用した例です。

16 進コードと画像の URL を使用した分析コード値の構成

ほとんどの色分析コードに対して、16 進コードと画像 URL の両方を構成できます。 Commerce レンダリングの代替ロジックは、色見本を表示するために、16 進コードまたは画像 URL のいずれかを自動的に検索します。 色の分析コードの構成に、16進コードと画像の URL を併用することで、色数が多い場合のイメージ管理が容易になります。

次の図は、色ページの構成に 16 進コードと画像 URL を使用した例です。

絞り込み条件グループの構成

分析コード値に対して16 進コードまたは画像 URL を定義する際は、 RefinerGroup フィールドに値を指定することもできます。 このフィールドは、絞り込みエクスペリエンスにおいて類似する分析コード値をグループ化するために使用する分析コードを定義します。

たとえば、色分析コードの値が 「青」、「青のチェック柄」、「ブルーウォッシュ」、「濃い青」の場合、各値は別の調整コードまたは画像 URL にマッピングされます。 したがって、各値は該当する製品の PDP と製品カードで異なる色として表示されます。 しかし、これらすべての色分析コード値をRefinerGroup値の青色にマッピングすると、「青色」の製品を検索すると、分析コードのカラー値が「青」、「青のチェック柄」、「ブルーウォッシュ」、「濃い青」の製品のリストページ検索結果が生成されます。

次の図の例は、Commerce 本部の 色 と RefinerGroup のプロパティ間の関係を示しています。

Commerce サイト ビルダーで画像を管理する

分析コード値に画像 URL が使用されている場合、対応する画像を Commerce のサイトビルダーにアップロードする必要があります。 各画像の場所は、Commerce 本部の画像に対して定義されているファイル名とフォルダ パスと一致している必要があります。 イメージ ファイルは、サイト ビルダの適切なカテゴリの場所にアップロードする必要があります。 たとえば、カラー イメージは 色カテゴリのフォルダにアップロード する必要があります。 サイト ビルダーに画像をアップロードする方法の詳細については、画像のアップロード を参照してください。

次の図に、ファイルのアップロード ダイアログ ボックスを使用して画像をサイト ビルダ メディア ライブラリにアップロードする例を示します。 選択可能なサイズ、色、スタイルのカテゴリが強調表示されます。

eコマース サイトのページで見本の表示を可能にする

PDP やリストページなど、分析コードの選択が必要な eコマース サイトのページに見本を表示するには、Commerce 本部で分析コードサイトの構成をする必要があります。 詳細については、分析コードのサイト設定の適用を参照してください。

さらに、検索結果モジュールの 検索結果に製品属性を含める プロパティを有効にする必要があります。 サイトでカスタマイズされたカテゴリ ページを使用している場合は、そのページで使用されている検索結果モジュールを更新して、検索結果に製品属性を含める プロパティが有効になっている必要があります。 詳細については、検索結果モジュール を参照してください。

見本の在庫認識

見本には、製品のバリエーションの色または寸法の在庫状況を表示するオプションの機能があります。 たとえば、製品が複数のサイズで販売される一方で、一部のサイズは在庫切れです。 この場合、在庫切れの商品の見本は、在庫がないことを示すために異なる方法でレンダリングされます。 この機能は、製品の可用性を判断するために必要な顧客のクリック数を減らすのに役立ちます。

見本在庫の可用性機能は、PDP と、見本が表示される検索ページまたはカテゴリ リスト ページの両方で使用するように構成できます。 これをアクティブにするには、メディア ギャラリー モジュールで寸法選択時にメディアを更新プロパティを True に設定する必要があります。 この設定により、寸法が選択されたときにメディア ギャラリーの画像を更新できます。

重要

見本の在庫状況機能は、Commerce バージョン 10.0.21 リリースから利用できます。 Commerce モジュール ライブラリ パッケージのバージョン 9.31 をインストールする必要があります。

次の図は、PDP のサイズ見本の在庫認識の例を示しています。

POS および他のチャンネルの表示

Commerce では現在、販売時点管理 (POS) やその他のチャネルでの見本の表示に対応できるような、既成の実装機能はありません。 しかし、チャンネル API での見本の表示に必要な 16 進コードや画像 URL を返すため、見本の表示機能を拡張機能として実装できます。

追加リソース

検索結果モジュール

分析コードにサイトの設定を適用する

製品分析コード

画像のアップロード