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ツール

テスト用に任意の画像サイズURLを取得できるwebツール

更新日:2022.05.23
2936
Webツール

パソコンでスクリーンショットの範囲指定・URL共有するならLightShotを使おう

2020.07.21
1031
Webツール

Chromeの拡張機能アイコンが表示されない。【即解決】

2022.05.10
5459
Webツール

ChromeでGoogleアナリティクスによるデータの収集を無効にする方法【PC版】

2022.05.14
743