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

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

2022.01.14
929
Webツール

boxの言語を日本語化する方法

2022.07.23
4516
Webツール

Webサイトがどこのサーバーで管理されてるか調査・確認する方法【Netcraftサービスが便利】

2022.05.19
2467
Webツール

iPhoneのSafariで位置情報を許可・毎回確認に設定する方法

2022.05.13
6424