Google siteにブログを埋め込む目的は2つあります。ひとつはブログからWEBサイトへ読者を誘導する集客用途、もうひとつはWEBサイト内でブログを読んでもらいサイト滞在時間を上げる用途です。ここでは後者、サイト内でブログを閲覧できる設計の手順を解説します。
Q. Google siteにBloggerを埋め込む手順は？
Google site上部のメニューから「ページ」→「新しいページ作成（＋）」をクリックします。ページ全体の埋め込みアイコン「〈 〉」を選択し、「埋め込みを追加」から公開しているBloggerのURLを入力します。
アメブロなどの外部サービスも同様の手順で埋め込めますが、外部サービスは正常に機能しないことがあるため注意が必要です。
「ページ全体の埋め込み」を選ぶと、Bloggerがサイトの1ページとして機能します。埋め込まれたBlogger内でリンクをクリックするなどの操作もサイト内で完結するため、読者がサイトから離れる必要がありません。
注意点として、「ページ全体の埋め込み」を選んだ場合、そのページには他のコンテンツを追加できません。Blogに1ページ分をまるごと割り当てる前提で設計してください。
部分的に埋め込みたい場合
特定のページの一部分にBloggerを表示したい場合は、ツールバーの「挿入」→「〈 〉埋め込む」を選択してURLを入力します。ツールバーからの挿入ではコード入力も可能です。
背景色を統一してシームレスな見た目にする
BloggerとGoogle siteの背景色が異なると、埋め込み部分だけが浮いて見えてしまいます。統一する手順は次の通りです。
Blogger設定でカラーコード（#から始まる英数字6桁）を確認し、Google siteの設定で同じカラーコードを背景色に入力します。両者の背景色が一致することで、自然な一体感のある表示になります。
非公開メンバー限定ブログという選択肢
Bloggerを組織内コミュニケーション（クローズドなコミュニティ）に使う場合、投稿と読者の権限を「特定の読者」に設定し、メンバーのメールアドレスを入力します。
非公開の場合はGoogle siteへの直接埋め込みができないため、サイト上にボタンを設置してBloggerのURLを貼り付ける形で対応します。無料で非公開メンバー限定ブログを運営できるのはBloggerならではの機能です。
→ Blogger公式: https://www.blogger.com/about/?hl=ja
最終更新：2026年4月
---
※本記事はYAEKOFUコンテンツを元に作成しています。
