【必見】GASでGoogleサイトを自動更新する方法|初心者向けステップバイステップ解説!

「Googleサイトの情報更新、手動だとめちゃくちゃ面倒…」
「イベント告知やお知らせページを自動でアップデートしたい!」

そんなあなたにぴったりなのが、Google Apps Script(GAS)を使ったGoogleサイト自動更新です。

この記事では、初心者でもできる「GASによるGoogleサイトの自動更新」について、
実例を交えてわかりやすく解説していきます!

これを読めば、更新作業にかける時間を一気にゼロに近づけることができます!


1. なぜGASでGoogleサイトの自動更新をするべきなのか?

Googleサイトは誰でも簡単に作れる反面、
更新作業は基本的に手作業になります。

  • 日々のスケジュール変更

  • 新しいニュースやお知らせの追加

  • イベント情報の入れ替え

これらを手作業でやっていると、

  • 更新漏れが発生

  • 古い情報のまま放置される

  • 作業者に負担が集中する

といったリスクが生じます。

そこで、GASを使えば、

  • スプレッドシートやデータベースを参照して

  • 自動でGoogleサイトのコンテンツを書き換える

  • 更新忘れゼロ、管理コスト激減!

というスマート運用が実現できるのです!


2. 【注意】GAS単体でのGoogleサイト操作は制約がある

ここで重要なポイント。

現在、標準のGASだけではGoogleサイトの内容を直接編集できない仕様になっています。

ただし、

  • Google Sites API(旧版Sites APIまたは新Sites API)を活用

  • コンテンツ元をGASで自動更新し、Googleサイトに埋め込む

このどちらかの方法で、事実上の自動更新は可能です。

この記事では、**初心者でもすぐできる方法=「コンテンツ埋め込み型自動更新」**を中心に紹介します!


3. 【設計編】自動更新する仕組みの全体像を理解しよう

ざっくり設計を整理しましょう。

■ GASによる自動更新の基本フロー

  1. Googleスプレッドシートに情報を整理

  2. GASでスプレッドシートの内容をHTMLファイルに変換

  3. GoogleサイトにそのHTMLを「埋め込み表示」

  4. スプレッドシート更新 → サイトも自動反映!

つまり、
「データ更新だけすればOK」な運用ができるというわけです!


4. 【実装編】スプレッドシート連携でGoogleサイトを自動更新する方法

さっそく、実際に手を動かしてみましょう!


ステップ① スプレッドシートを作成する

例)「お知らせリスト」用シートを作成
列構成はこんな感じ:

| タイトル | 日付 | 内容 |


ステップ② Apps Scriptエディタを開く

スプレッドシート上部メニュー
「拡張機能」→「Apps Script」→「新しいプロジェクト作成」


ステップ③ GASスクリプトを書く

サンプルコード:スプレッドシートからHTML生成

function doGet() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('お知らせ');
  const data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 3).getValues();
  
  let html = '<ul>';
  
  data.forEach(row => {
    html += `<li><strong>${row[1]}</strong> - ${row[0]}<br>${row[2]}</li>`;
  });
  
  html += '</ul>';
  
  return HtmlService.createHtmlOutput(html);
}

これを実行すると、
スプレッドシートの情報がリスト形式のHTMLとして出力されます!


ステップ④ ウェブアプリとしてデプロイする

  • 「デプロイ」→「新しいデプロイ」

  • 種類を「ウェブアプリ」に設定

  • 誰でもアクセスできるように設定

  • 公開URLを取得

これで、いつでも最新のお知らせ情報を提供するURLが完成!


ステップ⑤ Googleサイトに埋め込む

Googleサイトに移動し、

  • 「埋め込み」→「URLから埋め込み」

  • 上記で取得したウェブアプリURLを貼り付ける

これで、スプレッドシートを更新するだけで
Googleサイト側もリアルタイムに最新情報へ更新される仕組みが完成します!


5. 【応用編】さらに便利な使い方いろいろ!


✅ イベントカレンダーを自動表示

スプレッドシートにイベント情報を書き込んで、カレンダー形式HTMLを自動生成!


✅ ニュース一覧をページネーション付きで表示

たくさんのお知らせを整理して見やすくする工夫もGASで可能!


✅ 複数シート・複数ページ連携

お知らせ、FAQ、スケジュール、問い合わせ先…
1つのスプレッドシートから複数ページに情報分配もできます!


6. 【注意ポイント】運用で気をつけたいこと


✔️ ウェブアプリの公開権限

社内限定利用なら「自分のみ」または「ドメイン内」公開に。
一般公開する場合は、誰でもアクセス可設定を忘れずに!


✔️ GASの実行上限

無料版GASにはデイリー実行数制限があります(制限超えると翌日まで停止)。大量アクセス用途には注意。


✔️ 変更テストは小規模で!

いきなり本番サイトで大規模変更せず、テスト環境で動作確認してから!


7. まとめ|GASでGoogleサイト自動更新を実現しよう!

手作業で更新していたGoogleサイトも、
GASを使えば、

  • スプレッドシート更新だけで反映

  • 作業ミスゼロ

  • 管理者負担激減

という、理想の運用が手に入ります!

まずはこの記事の基本構成を真似して、
シンプルなお知らせ更新からスタートしてみてください!

慣れてきたら、

  • 複数ページ連携

  • デザインテンプレート導入

  • 動的ページ切り替え

など、さらにパワーアップしていきましょう!

Shop now