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ツール プログラミング

chromeブラウザで更新したファイルのキャッシュ有効期間を調べる方法【htmlサイト】

2022.01.20
824
Webツール

Googleアナリティクスのタグが正常に設置されてるか確認する方法【Chrome拡張機能で解決】

2022.05.11
517
Webツール

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

2022.03.19
249
Webツール

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

更新日:2022.05.23
281