이 문서에서는 iframe 모듈에 대해 설명하고 사이트 페이지에 추가하는 방법을 설명합니다 Microsoft Dynamics 365 Commerce.
Iframe 모듈은 사이트에서 외부 콘텐츠를 호스팅하는 iframe(인라인 프레임)을 제공합니다. 예를 들어 모든 사이트 페이지에서 비디오 또는 PDF 파일 뷰어를 호스팅 YouTube 하는 데 사용할 수 있습니다.
Iframe 모듈에는 대상 URL이 필요합니다. 그런 다음 대상 페이지의 콘텐츠를 HTML iframe 요소 내에 호스팅합니다. 외부 URL은 사이트의 CSP(콘텐츠 보안 정책) 지시문에 따라 허용 목록에 있어야 합니다. Iframe 콘텐츠의 경우 frame-ancestor 지시문을 사용하여 URL을 허용해야 합니다. 자세한 내용은 CSP(콘텐츠 보안 정책) 관리를 참조하세요.
메모
Iframe 모듈은 10.0.13 릴리스에서 사용할 수 있습니다 Dynamics 365 Commerce .
다음 이미지는 사이트 페이지에서 외부 비디오를 보여주는 iframe 모듈의 예를 보여줍니다.
Iframe 모듈 속성
| 속성 이름 | 값 | 설명 |
|---|---|---|
| 제목 | 텍스트 | 모듈의 제목입니다. |
| 대상 URL | URL | 모듈에서 호스팅되는 URL입니다. |
| 높이 | 숫자 또는 백분율 | 모듈의 높이(픽셀 또는 백분율)입니다. 예를 들어 값 100 은 픽셀 수로 처리되고 값 100% 는 백분율로 처리됩니다. |
| Aria Label | 텍스트 | 접근성을 위해 Accessible Rich Internet Applications(ARIA) 레이블을 정의할 수 있습니다. |
페이지에 iframe 모듈 추가
페이지에 iframe 모듈을 추가하여 외부 비디오를 표시하려면 다음 단계를 따라와세요.
- 템플릿으로 이동하고 새로 만들기를 선택하여 새 템플릿을 만듭니다.
- 새 템플릿 대화 상자의 템플릿 이름 아래에 Marketing 템플릿을 입력한 다음, 확인를 선택합니다 .
- 저장을 선택하고, 편집 완료를 선택하여 템플릿을 확인한 다음, 게시를 선택하여 게시하세요.
- 페이지로 이동하고 새로 만들기 를 선택하여 새 페이지를 만듭니다.
- 새 페이지 만들기 대화 상자의 페이지 이름 아래에Marketing 페이지를 입력한다음, 다음을 선택합니다.
- 템플릿 선택에서 만든 마케팅 템플릿을선택하고 다음을 선택합니다 .
- 레이아웃 선택에서 페이지 레이아웃(예: 유연한 레이아웃 )을 선택하고 다음을 선택합니다 .
- 검토 및 완료 에서페이지 구성을 검토합니다. 페이지 정보를 편집해야 하는 경우 뒤로 를 선택합니다. 페이지 정보가 올바르면 페이지 만들기를 선택합니다.
- 새 페이지의 기본 슬롯에서 줄임표(...)를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 컨테이너 모듈을 선택한 다음, 확인 를 선택합니다.
- 모듈의 속성 창에서 너비 값을 컨테이너 채우기로 설정합니다.
- 컨테이너 슬롯에서 줄임표( ... )를 선택한 다음, 모듈 추가를 선택합니다.
- 모듈 선택 대화 상자에서 iframe 모듈을 선택한 다음, 확인 를 선택합니다.
- 모듈의 속성 창에서 대상 URL 값을 비디오의 외부 URL로 설정합니다 .
- 필요에 따라 Heading 및 Height 와 같은다른 속성을 설정합니다.
- 저장을 선택하고, 편집 완료를 선택하여 페이지를 확인한 다음, 게시를 선택하여 게시하세요.
- 사이트의 마케팅 페이지로 이동합니다. 비디오가 iframe 모듈에서 렌더링되는 것을 볼 수 있습니다.
메모
Iframe 모듈은 외부 콘텐츠를 호스팅하므로 사이트 작성자는 iframe 모듈 내에서 호스팅되는 콘텐츠가 해당 시장의 콘텐츠 제한 정책을 위반하지 않도록 해야 합니다. Iframe 모듈을 사용하는 페이지에 콘텐츠 위반이 있는 경우 사이트 작성자는 사이트 작성기에서 페이지를 열고 iframe 모듈 슬롯에서 모듈 제거를 선택한 다음 페이지를 저장하고 다시 게시하여 iframe 모듈을 제거할 수 있습니다.