비고
Dynamics 365 Commerce의 소매 관심 그룹이 Yammer에서 Viva Engage로 이동했습니다. 새 Viva Engage 커뮤니티에 액세스할 수 없는 경우 이 양식(https://aka.ms/JoinD365commerceVivaEngageCommunity)을 작성하여 추가하고 최신 토론에 계속 참여하세요.
이 문서에서는 소셜 공유 모듈에 대해 다루고 Microsoft Dynamics 365 Commerce의 사이트 페이지에 모듈을 추가하는 방법을 설명합니다.
소셜 공유 모듈은 사용자가 전자 상거래 사이트 페이지 URL을 Facebook, Twitter, Pinterest, LinkedIn과 같은 소셜 미디어에 공유할 수 있도록 합니다. 사이트 페이지 URL은 이메일을 통해서도 공유할 수 있습니다. 소셜 공유 모듈은 일반적으로 사용자가 제품 정보를 공유할 수 있도록 PDP(제품 세부 정보 페이지)에서 사용됩니다.
각 소셜 공유 모듈은 소셜 공유 항목 모듈의 컨테이너입니다. 각 소셜 공유 항목 모듈은 특정 소셜 미디어 사이트를 가리키도록 구성할 수 있습니다. Facebook, Twitter, Pinterest, LinkedIn 및 이메일과의 연동이 기본적으로 지원됩니다. 사이트 사용자가 소셜 미디어 기호를 선택하면 해당 소셜 미디어 사이트에 대해 HTML iframe이 시작됩니다. iFrame 내에서 사용자는 로그인하고 자신이 보고 있던 페이지 콘텐츠를 기장할 수 있습니다.
각 소셜 미디어 플랫폼은 쿠키를 추적할 수 있으므로 이 모듈에서는 사이트 사용자가 쿠키 동의 알림 메시지를 수락해야 합니다. 쿠키 동의가 수락되지 않으면 모듈이 페이지에서 숨겨집니다. 자세한 내용은 쿠키 준수를 참조하세요.
다음 그림은 제품 세부 정보 페이지에서 사용되는 소셜 공유 모듈의 예를 강조 표시합니다.
소셜 공유 모듈 속성
| 속성 이름 | 가치 | 설명 |
|---|---|---|
| 캡션 | Text | 이 특성은 모듈에 대한 캡션을 지정합니다. |
| 방향 | 가로 또는 세로 | 이 속성은 소셜 미디어 항목의 레이아웃 방향을 정의합니다. |
소셜 공유 항목 모듈 속성
| 속성 이름 | 가치 | 설명 |
|---|---|---|
| 소셜 미디어 | 페이스 북, 트위터, 핀터레스트, 링크드 인, 메일 | 소셜 미디어 플랫폼 목록이 있는 드롭다운 메뉴. |
| 아이콘 | 이미지 | 이것은 각 소셜 미디어에 표시될 이미지입니다. 가장 좋은 방법은 소셜 미디어 플랫폼의 SDK에서 각 플랫폼에 사용할 권장 이미지를 참조하세요. |
구입 상자 모듈에 소셜 공유 모듈 추가
구매 상자 모듈에 소셜 공유 모듈을 추가하려면 다음 단계를 수행합니다.
- Fabrikam 사이트에서 페이지를 선택한 후 DefaultPDP 페이지를 선택하여 제품 상세 페이지를 엽니다.
- Buybox(필수) 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 소셜 공유 모듈을 선택한 다음 확인을 선택합니다.
- 소셜 공유 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 SocialShare 모듈을 선택한 다음 확인을 선택합니다.
- SocialShare 모듈의 속성 창의 방향에서 가로를 선택합니다. 필요에 따라 캡션을 추가합니다.
- SocialShare 슬롯에서 줄임표(...)를 선택한 다음 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 SocialShareItem 모듈을 선택한 다음 확인을 선택합니다.
- SocialShareItem 모듈의 속성 창에서 소셜 미디어 아래에서 Facebook을 선택합니다.
- SocialShareItem 모듈의 속성 창에서 아이콘 아래에서 + 이미지 추가를 선택합니다.
- 미디어 선택기 대화 상자에서 Facebook 로고 이미지를 선택한 다음 확인을 선택합니다. Facebook 로고 이미지가 없는 경우, 새 미디어 항목 업로드를 선택하여 업로드하십시오.
- 필요에 따라 SocialShareItem 모듈을 추가하고 구성합니다.
- 저장을 선택한 다음 미리 보기를 선택하여 페이지를 미리 봅니다. 페이지에 소셜 공유 모듈이 표시됩니다.
- 편집 완료를 선택하여 페이지를 체크인한 다음, 게시를 선택하여 게시합니다.