Written by Kasumi

Facebookのタイムラインをサイトに埋め込む方法

Facebookのタイムラインをサイトに埋め込みたい。

本記事ではこのような悩みを解決。

実装方法について解説します。

ページプラグインにアクセス

https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP#

まず最初に、Meta for Developersサイトにあるページプラグインにアクセスします。

ページプラグインはこちら
https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP#

上記画像のようなページにアクセスされます。

赤枠箇所にサイトに埋め込みたいFacebookページのURLを入力。

すぐ下の高さの入力フィールドに埋め込むサイズを設定します。

コードを取得

https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP#

コードを取得ボタンをクリック。

上記画像のようなポップアップが表示されます。

JavaScript SDKタブが選択されてる状態でステップ1、ステップ2のコードをコピー

埋め込みたいサイトのソースにペーストします。

ブラウザで表示を確認

ブラウザで表示を確認。

上記のようにFacebookのタイムラインが表示されたら成功です。

まとめ

Facebookのタイムラインをサイトに埋め込む方法について紹介しました。

以上で解説を終わります。

目次

関連記事

Webツール

【簡単】googleドキュメント内の画像を保存する方法

2022.03.19
1304
Webツール

Gmailにメール転送、【○○件名のメッセージにウィルスに感染または疑いのあるファイルがある】とエラー文が出てメッセージが開けない場合の対処方法

更新日:2022.05.23
1451
Webツール

boxのメール通知をオフにする方法

2022.07.24
5561
Webツール

【無料】最大30ファイル一括でJPG・PNGを圧縮してくれるwebツール「あっしゅくま」を紹介

2022.01.14
948