이 문서에서는 관리자가 iframe을 통해 플랫폼에서 콘텐츠를 포함하는 방법을 안내합니다. 대부분의 경우 iframe은 설문 조사나 평가에 사용되지만 다른 유형의 콘텐츠도 iframe을 사용하여 임베드할 수 있습니다.
iframe을 사용하여 강의 활동에 콘텐츠를 임베드하는 방법
1. 소스 시스템의 콘텐츠 조각으로 이동해 iframe 코드를 복사합니다. 팁: 이 코드는 Share(공유) 버튼을 통해 또는 소스 시스템의 소스 코드로 이동하여 찾을 수 있는 경우가 많습니다.
2. 강의 활동의 Build(생성) 페이지 등 콘텐츠를 추가하려는 플랫폼의 페이지로 이동합니다.
3. Editor(편집기) 아이콘의 가장 오른쪽에 있는 Source Code(소스 코드) 아이콘을 편집기에서 클릭합니다.
4. iframe이나 임베드 코드를 기존 소스 코드 내 원하는 위치에 붙여 넣습니다. iframe 코드는 다음과 같은 외형이어야 합니다. 이 코드는 예시일 뿐입니다.
- <iframe src="https://insert.link.here" width="100%" height="800" frameborder="0"></iframe>
5. 페이지에 표시된 옵션에 따라 Create(생성), Save(저장) 또는 Update(업데이트)를 클릭합니다.
iframe을 통해 콘텐츠를 임베드할 때의 일반적인 문제
- “https”로 시작하는 URL 사용하지 않음: 항상 HTML 소스를 점검하여 URL이 http가 아닌 https로 시작하는지 확인합니다. https로 시작하지 않으면 임베드될 때 제대로 표시되지 않습니다.
- 콘텐츠의 너비와 높이를 적절히 조정하지 않음: 임베드된 콘텐츠가 가시 영역의 전체 너비로 확장할 수 있도록 너비를 100%로 설정해야 하는 경우가 많습니다. 이렇게 하지 않으면 수강생 기기와 화면 크기에 따라 서식이 이상하게 표시될 수 있습니다.
- 올바른 코드를 사용하지 않음: 당사 플랫폼은 iframe을 통해 콘텐츠를 임베드하는 것을 허용합니다. 다른 코드를 사용하려고 하면 임베드된 콘텐츠가 아예 표시되지 않거나 제대로 표시되지 않을 수 있습니다.