Googleスプレッドシートをウェブサイトに埋め込む方法

Googleスプレッドシートをウェブサイトに埋め込む方法

「Googleスプレッドシートを、WordPressやウェブサイトに埋め込む方法ってあるのかしら?」

と思っていたら、サクッとできてしまったので備忘録です。

Googleスプレッドシートをウェブサイトに埋め込む方法

任意のスプレッドシートを開き、『ファイル』→『ウェブに公開...』をクリックします。↓
Googleスプレッドシートをウェブサイトに埋め込む方法

『埋め込む』を選択し、『公開』をクリックします。↓
Googleスプレッドシートをウェブサイトに埋め込む方法

生成されたiframeタグをコピーし、任意のウェブサイトに貼り付ければOKです。↓
Googleスプレッドシートをウェブサイトに埋め込む方法
サイトデザインに合わせて、CSSでサイズを指定してあげるとより良いです。

また、プルダウンで任意のシートのみを選択して公開することもできます。↓
Googleスプレッドシートをウェブサイトに埋め込む方法

アイデア次第で、イロイロ捗りそうです。

ちなみに上記の方法で、ダイエットの経過を公開しています。
お暇な方はどうぞ。

  • このエントリーをはてなブックマークに追加

『naouniverse.com』では、管理人が気になるモノ・コト・セカイについて、つらつらと書いています。
ガジェット・カメラ・デザイン・プログラミング・L'Arc~en~Cielなどなど・・・