メインコンテンツにスキップ

GoogleサイトにSNSフィードを埋め込む方法

Googleサイトで構築したサイトに、SNSから収集した投稿を表示させる手順を解説します。

田中理央 Rio avatar
対応者:田中理央 Rio
今日アップデートされました

Googleサイトを使ってウェブサイトをデザインしている方に朗報です。EmbedSocialを利用すれば、InstagramやFacebook、TikTokなどのSNS投稿を簡単にウィジェットとして埋め込むことができます。常に最新の投稿を自動で反映できるため、更新の手間を省きつつ、訪問者にとって魅力的で動きのあるページを実現できます。

この記事では、Googleサイトユーザー向けに、EmbedSocialを活用してSNSウィジェットをサイトに追加する手順をわかりやすく解説します。

埋め込みの流れ

EmbedSocial上で作成したSNSウィジェットの編集画面において、コードをコピーして取得します。(SNSウィジェットの作成方法はこちら

Clicking  'Copy code' on the editor

GoogleサイトにSNSフィードウィジェットを埋め込む

Google Sitesアカウントにログインし、ウィジェットを埋め込みたいページに移動します。コードを埋め込むには、以下の手順が必要です:

1. 「挿入」タブをクリックする:

Selecting 'Insert' on Google Sites

2. ウィジェットを表示したいセクションを選択し、ドロップダウンメニューから「埋め込み」オプションを選択します。

Clicking on 'Embed' on Google Sites

3. ウィジェットコードを入力するポップアップが表示されます。「埋め込みコード」をクリックしコードを貼り付け、「次へ」をクリックします。

Selecting 'Embed code' option, pasting the code and then clciking on 'Next'

4. 「挿入」をクリックする。

Clicking 'Insert' on Google Sites

以上で完了です!ボックスのサイズを変更することで、ウィジェットの幅と高さを調整できます。

InstagramウィジェットをGoogleサイトに埋め込んだ例

Final look of embedded Instagram widget in Google Sites

サイトへの埋め込み実装にサポートが必要な場合には、右下のチャットサポートからカスタマーサクセスチームまでお気軽にご相談くださいませ。

こちらの回答で解決しましたか?