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で送る

関連記事

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

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

RollToEverで通信エラーが発生した場合の対処方法

普段わたしがお世話になっているiphoneアプリにRollToEver(ロールトゥーエバー)というの

windows7でJava Auto Updaterが自動的に起動するのをやめさせる方法

パソコンを使用していると、毎日・毎回、Java Auto Updaterが起動して作業を中断されてし

itunesのバックアップデータ保存先をCドライブ以外に指定する方法

iphone内のデータ保護を目的として、itunesを使ったバックアップを利用することにしました。

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

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

robots.txtの書き方について

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

QuickAdsenseで挿入するアドセンスコードをPCとスマホで切り替える方法

WordPressの記事内に自動でGoogleアドセンスのコードを挿入してくれる便利プラグイン「Qu

BootCamp(ブートキャンプ)のWindowsを削除する方法

iMACにBOOTCAMPでwindowsXPを入れて使用していましたが、諸事情あってMAC単体機と

excel上のオブジェクト

エクセル(excel)2013でシート上の図形(オブジェクト)を一括で削除する方法

私はエクセル(excel)2013でスケジュールなどを管理しており、シート上に多くの図形(オブジェク

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

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

Comment

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

Message

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

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

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

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

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑