けんのすけぶろぐ

体験、経験に基づいた色々をご紹介!

Googleスプレッドシート・ドキュメントをhtmlの<iframe>でWebページに埋め込む方法

f:id:kennosukemiura:20180727222133j:plain

Googleの

スプレッドシート(Spreadsheets)、ドキュメント(Docs)、スライド(Slides)

共にページ左上の「ファイル」→「ウェブに公開」→「埋め込む」→「公開」

を順に選択すると以下の様なhtmlのコードを取得できます。

 

<iframe src="https://docs.google.com/document/d/e/2PACX-1vRswDWWgreD_VDWMXv1AkY44wZGx1wKelT7BJ_JxX-hHSa-VE7V7-MYk2k98MrUydmaS-cOUyZUmIqg/pub?embedded=true"></iframe>

 

これを<body></body>の間に記載することで、Webページに埋め込むことが可能です。

ただし、更新が反映されるまでに約10分~20分のタイムラグがありました。