スプレッドシートのグラフを Web サイトに埋め込む

Google ドキュメントのスプレッドシート上に作成したグラフは、Web サイトやブログ、Google サイトなどに簡単に埋め込んで使用することができます。スプレッドシートを更新すると埋め込んだグラフはリアルタイムで反映するため、頻繁に更新が必要なグラフに利用することで作業効率が格段に向上します。

一般公開されている Web サイトにスプレッドシートのグラフを埋め込む場合は、スプレッドシートをインターネット上に公開する必要があります。

1. Web サイトに埋め込むグラフを表示

Web サイトに埋め込むスプレッドシートのグラフを表示し、グラフ右上の[▼]メニュー -[グラフを公開…]をクリックします。

Webサイトに埋め込むファイルを表示

2. Web サイト埋め込み用コードを表示

「グラフを公開」画面にてグラフの形式を選択し、表示されている埋め込みコードをコピーして[完了]ボタンをクリックします。

埋め込みコードをコピー

3. Web サイトにグラフを埋め込み

Web サイトやブログに先ほどコピーした埋め込みコードを貼り付けると、グラフを埋め込むことができます。

埋め込むグラフのサイズを調整する場合は、スプレッドシートにてグラフのサイズを変更します。

グラフの埋め込み例

実際に埋め込んだインタラクティブなグラフです。

関連記事