Googleドキュメントのスプレッドシート(excel)をWEBページに埋め込む方法

公開日: : 最終更新日:2013/10/24 その他のソフト , , , , , ,

medium_2568436053photo credit: mark knol via photopin cc

自分自身へのメモ帳として、毎月のアフィリエイト収入額を報告しているページ(アフィ|月に5000円程度稼ぐサイトのアフィエイリト収入額を毎月報告してみる[アフィは本当に儲かるのか?])があって、毎月1回更新しているんですが、これの更新が異常に面倒くさい。

表形式であらわすためにHTMLのTableつかって表示させていたんですが12ヶ月もあると、タグのどこに数字をいれたらいいか、とか分かりにくいわけです。

で、そういえば、Googleドキュメントにexelのようなヤツがあったよな、と思いまして…
「それ(=スプレッドシート)で、表組を作成して、WEBで公開できたらいいんじゃないか?」とか思って調べたら、できました!

↑こんな感じ。 上表はGoogleドキュメントのスプレッドシートを使って作成したものを、表示させています。
きちんとシート毎にクリック表示できたりして芸が細かい!

基本的な考え方

まず、スプレッドシートをWEBに公開し、それを、iframeで、自分のブログ内に呼び込む。

具体的な方法

1:まずは、表示させたい元データを作成

まずは表示させたいデータを、Googleドキュメント上で作成します。 Microsoftのexel(エクセル)に相当するのが、「スプレッドシート」という機能です。Googleドキュメントの「スプレッドシート(exelに相当する機能)」で、アフィ収入報告のデータ(表組)を作成。

2:「一般公開」設定をする

データができたら、画面右上の「共有」ボタン脇の▲をクリックして、「ウェブページとして一般公開」を選択。

3:「ウェブに公開」ウィンドウが開いたら…

「ウェブに公開」ウィンドウが開いたら、「公開するシート」から表示させたいデータ(シート)を選択(※図のA部分)、「今すぐ再公開」ボタンをクリックします。

まずは、これでウェブページが作成され、ウェブに公開状態になります(※シートが増えてくると、この「公開」作業を意外と忘れがちなので注意!)。

4:「公開データへのリンクを取得」部分を…

続いて、公開したページを自分のブログ上で表示させるために、iframeタグを取得します。
「公開データへのリンクを取得」の、下図B部分から「ページに埋め込むHTML」を選択。 また、下図C部分で、公開したいシートを選択します(作成したシートが1個だけの場合は当然ながら1個だけしか選択できません)。

5:iframeタグが生成される

上記の作業を行うと、下部にiframeタグが生成されるので、これをコピーして、掲載したいブログの任意の場所に貼り付けてやる。

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

関連記事

pdf_error_001

PDF内のテキストをコピペすると文言が重複してしまうエラーの対処方法

PDF内の文章をコピー&ペーストする際に、エラーが出てうまくペーストできないことが多いので、備忘録と

henkan_001

よく使う単語や文字の変換用例をPCに記録・登録/削除する方法

人名や地名などの中には、キーボードでひらがなから漢字に変換する際、一度で変換が出来ないものがあったり

hdd_zanryo_002

Windows7でHDD(ハードディスク)の残量を視覚的に分かりやすく確認する方法

「コンピュータ」のエクスプローラ画面では、接続されている各種ドライブを確認することができます。

destroy_008

DESTROYでシステムディスク(OSのHDD)内のデータを完全消去する方法

自宅で使用していたパソコンを知り合いにゆずることになりました。 データのバックアップと消去(ゴ

pdf_001

複数のPDFファイルをひとつにまとめる方法

AdobeCCを使いはじめて、地味に便利になったことのひとつに「Adobe Acrobat XI P

robots001

robots.txtの書き方について

robots.txtの書き方について迷ったので簡単にメモ。 robots.txtとは「ページ作成者

medium_287665619

PowerDVD ver8でブルーレイが再生できなくなったが、解決した。

photo credit: aussiegall via photopin cc DVD、ブル

excel_print8

EXCEL(エクセル)2013でA5サイズで作成した文章(表)をA4用紙の左右に印刷する方法

やりたいこと EXCEL(エクセル)2013で作成した納品表がある(A5サイズ)。これをA4サイズ

word_201401

WORD(ワード)2013で各頁にページ番号を入れ込む方法

タイトルどおり「WORD(ワード)2013でページ番号を入れ込む方法」です。 簡単な作業ではあるの

ever_001

WEBの文章をEverenoteにコピペする際に 書式を無視してペーストする方法

仕事にプライベートに便利に利用しているEvernote(エバーノート)ですが、WEBページの文章など

Comment

  1. […] How を惜しみもなく公開してくれている投稿記事、「SimpleStock3::Googleドキュメントのスプレッドシート(exel)をWEBページに埋め込む方法」を見つけました!具体的な方法は、公開されてい […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

ashi_c_008
足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_b_002
足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_a_006
足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

futa_001
掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑