iFrame（インラインフレーム）の設定方法

2022/8/3 4:252022/9/30 5:40

Youtubeの動画やGoogleMap等のコンテンツを、ページ内に埋め込むことができる機能です。

①コンテンツを埋め込みたい場所を選択し、【iFrame】アイコンをクリックしてください。

②埋め込みたいコンテンツの、埋め込み用URLを挿入してください。

【Youtubeの場合】

埋め込みたい動画ウィンドウ下の「共有」⇒「埋め込む」から、<iframe width="○○○" height="○○" src=以降の"https://www.youtube.com/embed/～"のみをコピーし、URLの欄に貼り付けてください。

【GoogleMAPの場合】

GoogleMAPを開き、埋め込みたい名称（法人名など）もしくは住所を検索。「共有」をクリックしてください。

「地図を埋め込む」から<iframe src=からwidth="までの”https://www.google.com/maps/embed?pb=～”

をコピーし、URLの欄に貼り付けてください。

③幅、高さなど各種設定を行い、OKをクリックしてください。

④以下のようなコンテンツ（例：GoogleMAP）が挿入されます。