スプレッドシートをWeb上に一般公開&HPに埋め込む方法

スプレッドシートをサイトに埋め込んだ結果
(YouTube, AdSense, Play 公認エキスパート)
2021年01月29日 in Googleサービス
記事内にPR・広告が含まれる場合があります

スプレッドシートはGoogleのクラウド上で作成するファイルのため、作成したシートをWeb上に一般公開することが可能です。例えばホームページの一部にシートの図表を埋め込んで表示させることが簡単にでき、スプレッドシート上で内容を変更すれば自動で埋め込んだ内容も変化します。

ファイルそのものを共有するのとまた違った活用ができそうです。ではシートをWeb上に公開する方法をご紹介致します。

シートをWebに公開する

公開したいシートを開き、[ファイル]の[ウェブに公開]をクリックしてください。
シートをウェブ上に公開する

[変更が加えられると自動的に再公開する]にチェックを入れると、シートの内容を変更したら、Webに公開されている内容も自動的に変更されます。[一般公開開始]をクリックするとWeb上に公開されます。
一般公開

広 告

[この図形描画を公開してもよろしいですか?]とアラートが表示されたら[Ok]をクリックしてください。
web-publish03

[一般公開ドキュメントへのリンクを取得]から公開方法が選択できます。
「ドキュメントのリンク」は、そのリンクをメールなどで教えれば、ホームページ等に埋め込む必要もなく公開が可能です。「埋め込みコード」にあるコードをコピーしてホームページに貼り付ければ、ホームページの一部に図表を埋め込み表示させることができます。
web-publish04

※サイトに埋め込んだ例
スプレッドシートをサイトに埋め込んだ結果

もし公開を止めたくなったら[一般公開停止]をクリックするだけで非公開にすることができます。
非公開にする

執筆者情報
2004年から当サイト「iscle」を始めた管理者。Google 公認のプロダクトエキスパートとして、YouTube、Google AdSense、Play の公式コミュニティで活動中。スマホアプリ、Web ツールの使い方や最新情報を中心に発信しています。