CG・映像デザイナー技術ブログ

【Spreadsheet】表を指定範囲にだけiframeで埋め込む方法

Google Spreadsheet ブログに指定した範囲の表だけを貼り付けるやり方。
ただ埋め込むだけだとシート全体が公開されてしまうので、注意。

ブログにスプレッドシートの表を貼り付けるやり方

  1. ファイル>ウェブに公開
  2. 埋め込むのボタンを押して、表示したいシート名を選ぶ
  3. 生成されるHTMLのコードを確認
  4. このままだとシート全体に公開されるのと、表の表示が小さいのでコードを書き加える

<iframe src="https://docs.google.com/spreadsheets/d/?????&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

表のサイズ指定
iframe → iframe width="600" height="400"

表の範囲指定(A1:N14)
&amp;headers=false → &amp;range=A1%3AN14&

<iframe width="600" height="400" src="https://docs.google.com/spreadsheets/d/?????&amp;single=true&amp;widget=true&amp;range=A1%3AN14& "></iframe>

以上、すいみん(@cg_method)でした!

Google Docsに関する参考記事・ツール・書籍のまとめ

Google Docsに関する記事を下記にまとめました。



google-docs-article


仕事効率化!Googleドキュメントに関する便利機能まとめ

Google ドキュメントの参考書籍

Google スプレッドシートの参考書籍

Google スライドの参考書籍