【Googleスプレッドシート】iframeでの埋込みHTMLを取得

Googleスプレッドシート

Googleスプレッドシートには「WEBに公開」という機能からiframeにてブログ記事やWEBサイトにシートを埋め込むHTMLを取得可能です

方法は簡単で「ファイル」ー「WEBに公開」を選択

WEBに公開

「公開」ボタンを押してドキュメントを公開状態にしておく

WEBに公開

公開状態にしたら埋め込むを選択するとiframeでの埋め込みHTMLを取得できます

WEBに公開ー埋め込み

埋込みHTMLのデザイン

表示サンプル

そのままだと、iframeのサイズが小さいので足りない場合はCSSやstyleで大きくします

発行されるiframeにidやclassは定義されていないのでCSSで変更する場合は追加して使います

style属性で変更する場合は変更したい要素を追加します

width="600" height="400" frameborder="0"

また表のデザインはGoogleスプレッドシートで設定しているものが継承されます

表示サンプル

Googleスプレッドシート

Posted by Yousuke.U