- 画像/写真: アンディ・ウォルバー/TechRepublic
2022年5月、GoogleはGoogleサイトに、ページの一部ではなく、ページ全体を埋め込む機能を追加しました。これにより、Googleマップ、YouTube動画、Googleドライブのドキュメント、フォーム、プレゼンテーションなどをGoogleサイトのページに埋め込むことができます。ページ全体を埋め込むことで、選択したコンテンツを最小限のGoogleサイトのナビゲーション要素のみで囲むことができます。
全ページコンテンツを埋め込むには、Google アカウントにログインし、編集権限を持つ Google サイトを開いて、以下の手順に従います。
ページを作成する
まず、サイトにフルページ埋め込みとして表示する新しいページを追加する必要があります。サイトを開いたら、「ページ」タブを選択し、列の下部にある「+」ボタンをクリックして、「フルページ埋め込み」を選択します(図Aを参照)。ページの名前を入力し、「完了」を選択します。
- 図 A: [ページ] タブを選択した状態で、ページの下部にある + ボタンを選択し、[フル ページ埋め込み] オプションを選択します。
埋め込み URL、コード、または Google ドライブのコンテンツを挿入します
次に、埋め込むコンテンツを選択します。これには2つの方法があります。最初の方法は、新しいページを作成した直後から利用できる「埋め込みを追加」または「ドライブから追加」を選択することです。または、ページを開いている間はいつでも「挿入」タブを選択し、そのすぐ下の「埋め込み」または「ドライブ」オプション、あるいはリストに表示される「YouTube」、「カレンダー」、「地図」、「ドキュメント」、「スライド」、「スプレッドシート」、「フォーム」、「グラフ」のいずれかのオプションを選択できます(図Bを参照) 。
- 図B:Googleサイトページをフルページ埋め込みとして追加した場合、「埋め込み」を選択してURLまたは埋め込みコードを追加するか、「ドライブ」を選択してGoogleドライブからアイテムを選択します。または、メニューからYouTube、カレンダー、マップ、ドキュメント、スライド、スプレッドシート、フォーム、グラフのいずれかのアイテムを直接選択して埋め込むこともできます。(注:赤い点線はこれらのオプションが同等であることを示しています。同じ埋め込みタスクに2つの異なる方法でアクセスできます。)
YouTube の動画や Google ドライブのアイテムを挿入すると、サイトはコンテンツを画面いっぱいに表示するように調整します。具体的には、Google ドキュメント、スプレッドシート、スライド、図形描画、Microsoft Word、Excel、PowerPoint、PDF ファイルはすべてサイトの表示サイズに収まります。PDF、ドキュメント、Word、PowerPoint ファイルなど複数ページにまたがるアイテムは、スクロールダウンして表示できます。例えば、Google スライドのプレゼンテーションは画面いっぱいに表示されます(図 C、右)。これは、標準的な埋め込み(図 C、左)ではコンテンツがはるかに小さく表示されるのとは対照的です。
- 図 C: Google サイトの全ページ埋め込みオプションでは、コンテンツがページのセクションに制限される標準の埋め込み (左の画像) とは対照的に、埋め込まれたコンテンツ (右の画像) が強調されます。
Googleマップを埋め込む場合は、住所を入力するか、以前に保存した地図から選択できます。入力した住所は、埋め込まれた地図の左上に表示され、経路案内へのリンクも表示されます。組織にとって、これは人々を目的地まで案内する上で特に便利な方法となるでしょう。
埋め込み型のGoogleカレンダーコンテンツ(ページ全体)には表示コントロールが含まれており、サイト訪問者は週、月、または予定表の表示オプションを選択できます。また、他の埋め込み型Googleカレンダーと同様に、訪問者は異なる日付に移動することもできます。
「挿入」>「埋め込み」を選択した場合は、URLを入力できます。例えば、予約可能な予定スケジュールカレンダーをサポートするGoogle Workspaceのエディションをご利用の場合は、Google サイトにページ全体を埋め込むことができます。
参照: Google カレンダーの予定スケジュールの使い方 (TechRepublic)
予約可能な予定スケジュールカレンダーに移動し、URLをコピーします。Googleサイトで「挿入」>「埋め込み」>「URL」を選択し、URLを貼り付けます。オプションが表示された場合は、「プレビュー」ではなく「ページ全体」を追加してください。
予約可能な予約スケジュールが、図Dに示すように、サイトにフルページの埋め込みとして表示され、さまざまな画面サイズに適切に表示されるようになりました。多くのサードパーティサイトはこの方法でGoogleサイトにフルページの埋め込みとして追加できますが、すべてのサイトやサービスが埋め込みをサポートしているわけではありません。
- 図 D: Google Workspace エディションで予約可能な予約スケジュールを作成できる場合は、スケジュールを Google サイトにフルページとして埋め込むことができます。
あるいは、「挿入」>「埋め込み」を選択し、他の場所で取得した埋め込みコードを貼り付けることもできます。例えば、Twitter Publishの手順に従って、ツイート、Twitterリスト、またはTwitterハッシュタグ検索を埋め込むために必要なコードを取得できます。この埋め込みは、以前はGoogleサイトページの特定の部分にサードパーティコンテンツを配置していましたが、今後はページ全体に埋め込むことができます。
参照: ウェブ上のコンテンツを Google サイトに埋め込む方法 (TechRepublic)
ただし、この方法で埋め込んだコンテンツが必ずしも正常に動作するとは限りません。今回のケースでは、埋め込まれたTwitterストリームはスマートフォンやタブレットの画面サイズでは期待どおりに表示されますが、ワイド画面のノートパソコンで表示すると画面の右側に空白が残ります。この方法で埋め込んだサードパーティのコンテンツは必ずテストし、適切に動作するかを確認してください。
あなたの経験はどうですか?
Google サイトをご利用の場合、どのようなコンテンツをページに埋め込んでいますか?コンテンツをフルページとして埋め込む機能は、Google サイトのデザインにどのような影響を与えていますか?Google マップや YouTube 動画を埋め込んだサイトは、どのように表示されますか?予約可能な予約スケジュールをご利用の場合、フルページ埋め込みオプションによって、予約の申し込みがスムーズになりましたか?
Google サイトのフルページ埋め込み機能をどのように使用しているかをお知らせいただくには、Twitter (@awolber) で私にメンションするか、メッセージを送信してください。