実装結果
最もシンプルに、ページ埋め込みを実装する手順
・Googleスライド > ファイル > ウェブに公開 という手順で埋め込みタグを取得する。
・埋め込み用URLのみコピーする。
・以下の使い方のsrc属性を書き換えることで、一番シンプルなページ内埋め込みができる。
・表示するスライドを指定する場合は、表示したいスライドのURL末尾の「#slide=id.～」をコピーし、埋め込み用URLの末尾に張り付ける必要がある。
使い方
<style>
.gslide iframe {
max-width: 100%;
height: 460px;
border: none;
}
</style>
<div class="gslide"><iframe src="埋め込み用URL"></iframe></div>
※上記スタイルはスマホ表示を意識したサイズ設定としている。スライドのサイズに合わせて変更することを推奨する。
参考
https://piecedesign.net/2020/04/19/google%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%92%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80/