注
Dynamics 365 Commerce の小売関連グループは、Yammer から Viva Engage に移行しました。 新しいViva Engage コミュニティにアクセスできない場合は、追加するフォーム (https://aka.ms/JoinD365commerceVivaEngageCommunity) に入力し、最新のディスカッションに参加してください。
この記事では、ソーシャル共有モジュールについて説明し、Microsoft Dynamics 365 Commerce のサイト ページに追加する方法について説明します。
ソーシャル共有モジュールを使用すると、ユーザーは、Facebook、Twitter、Pinterest、LinkedInなどのソーシャル メディアで e コマース サイトのページ URL を共有できます。 ユーザーは、メールでサイト ページの URL を共有することもできます。 ユーザーが製品情報を共有できるようにするには、製品の詳細ページ (PDP) でソーシャル共有モジュールを使用します。
各ソーシャル共有モジュールは、ソーシャル共有項目モジュールのコンテナーとして機能します。 特定のソーシャル メディア サイトを指す各ソーシャル共有項目モジュールを構成できます。 このモジュールでは、Facebook、Twitter、Pinterest、LinkedIn、電子メールとの統合がサポートされています。 サイト ユーザーがソーシャル メディアシンボルを選択すると、モジュールはそれぞれのソーシャル メディア サイトの HTML iframe を起動します。 iFrame 内では、ユーザーは自分が表示していたページコンテンツにサインインして投稿することができます。
各ソーシャル メディア プラットフォームは Cookie を追跡する可能性があるため、このモジュールでは、サイト ユーザーが Cookie 同意通知メッセージを受け入れる必要があります。 ユーザーが Cookie の同意を受け入れない場合、モジュールはページに表示されません。 詳細については、Cookie に関するコンプライアンス を参照してください。
次の図は、製品の詳細ページで使用されるソーシャル共有モジュールの例を示しています。
ソーシャル共有モジュールのプロパティ
| プロパティ名 | 金額 | 内容 |
|---|---|---|
| キャプション | テキスト | このプロパティは、モジュールのキャプションを指定します。 |
| 方向 | 水平 または 垂直 | このプロパティは、ソーシャルメディア項目のレイアウトの方向を定義します。 |
ソーシャル共有項目モジュールのプロパティ
| プロパティ名 | 金額 | 内容 |
|---|---|---|
| ソーシャル メディア | Facebook, Twitter, Pinterest, LinkedIn, メール | ソーシャルメディア プラットフォームの一覧を含むドロップダウン メニュー。 |
| アイコン | Image | この画像は、それぞれのソーシャル メディア プラットフォームを表します。 ベスト プラクティスとして、各プラットフォームに使用される推奨されるイメージについては、ソーシャルメディア プラットフォームの SDK を参照してください。 |
ソーシャル共有モジュールをファーストビュー ボックス モジュールに追加する
購入ボックス モジュールにソーシャル共有モジュールを追加するには、次の手順に従います。
- Fabrikam サイトで、ページ を選択し、DefaultPDP ページを選択すると、製品の詳細ページが表示されます。
- Buybox (必須) スロットで、省略ボタン (...) を選択し、続いて モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで、ソーシャル共有 モジュールを選択して、OK を選択します。
- ソーシャル共有 スロットで、省略ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで、SocialShare モジュールを選択して、OK を選択します。
- SocialShare モジュールのプロパティ ウィンドウで、方向 で 水平方向 を選択します。 必要に応じてキャプションを追加します。
- SocialShare スロットで、省略ボタン (...) を選択し、モジュールの追加 を選択します。
- モジュールの選択 ダイアログ ボックスで SocialShareItem モジュールを選択して、OK を選択します。
- SocialShareItem モジュールのプロパティ ウィンドウで、ソーシャル メディアから、Facebook を選択します。
- SocialShareItem モジュールのプロパティ ペインで、アイコン から + イメージの追加 を選択します。
- メディア ピッカー ダイアログ ボックスで、Facebook のロゴ イメージを選択して、OK を選択します。 Facebook ロゴがない場合、新しいメディア項目をアップロードを選択してアップロードします。
- 必要に応じて、 さらに SocialShareItem モジュールを追加して構成します。
- 保存 を選択し、 続いてプレビュー を選択してページをプレビューします。 このページには、ソーシャル共有モジュールが表示されます。
- 編集の完了 を選択してページをチェックインし、 発行 を選択して公開します。