iframeでGoogleサイトのページを表示する方法

| コメントをどうぞ

2014年の4月末~5月頭にGoolgeサイトの仕様が変更されたため、
現在iframeにGoogleサイトのページを埋め込むと真っ白になってしまいます。

今回はiframeで表示するための設定手順を紹介します。

設定手順

1. iframeに表示したいサイトをブラウザで開く

2. 画面右上の設定アイコンをクリックして「サイトを管理」をクリックする

google-site-iframe1

3. セキュリティの「他のサイトに自分のサイトの埋め込みを許可する」にチェックする

google-site-iframe2

以上で設定完了です。

おまけ

余談ですが、私たちが普段開発しているinfoScoopでもiframeが使われています。
infoScoop上でGoogleサイトの3つのページを一画面に集約してみました。
google-site-iframe3

Googleサイトは使いこなすのが結構難しいですが、各種Googleのサービスとの連携やAppsスクリプトを使ったカスタマイズができるので、うまく活用していきたいです。

コメントを残す

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>