この記事では、iframeを介してプラットフォームにコンテンツを組み込む方法を管理者に説明します。ほとんどの場合、iframeはアンケートや評価に使用されますが、iframeを使用して他の種類のコンテンツを埋め込むこともできます。
iframeを使用してコースアクティビティにコンテンツを埋め込む方法
1. ソースシステム内のコンテンツに移動し、iframeコードをコピーします。ヒント: 多くの場合、このコードは「Share(共有)」 ボタンを使用するか、ソースシステムのソースコードに移動することで見つかります。
2. コンテンツを追加するプラットフォームのページに移動します(例: コースアクティビティの「Build(構築)」ページ)。
3. エディターで、エディターアイコンの右端にある「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で始まっていることを確認してください。そうでなければ、埋め込んだときに正しく表示されません。
- コンテンツの幅と高さが適切に調整されていない: 多くの場合、埋め込まれたコンテンツが表示可能な領域の全幅に正しく展開されるように、幅を100%に設定する必要があります。そうしないと、学習者のデバイスや画面サイズによっては、書式が正しく表示されない場合があります。
- 正しいコードを使用していない: Udemyのプラットフォームでは、iframeを介してコンテンツを埋め込むことができます。他のものを使用しようとすると、埋め込まれたコンテンツが表示されない、または正しく表示されない場合があります。