WordPressにFacebookページを埋め込むには？

この記事では、WordPressにFacebookページをプラグインや手動で埋め込む方法を紹介します。また、この統合の利点についても説明します。

WordPressサイトに表示可能な動的Facebookタイプ

以下は、WordPressウェブサイトに表示できるFacebookのダイナミックタイプです：

1. フェイスブック投稿画像、動画、テキストなど、ブランドコンテンツとユーザー作成コンテンツをダイナミックに組み合わせて表示します。
2. フェイスブック動画魅力的な動画をFacebookページに埋め込むことで ワードプレスウェブサイト活力を加えること。
3. Facebookページのコメントフェイスブックのビジネスページに満足した顧客のレビューがあれば、それを収集し、シームレスにウェブサイトに統合することで、信頼を築き、潜在的なコンバージョンに影響を与えることができます。
4. フェイスブックアルバムFacebookのアルバムから厳選した画像を紹介することで、訪問者に魅力的なビジュアル体験を提供します。

WordPressウェブサイトにFacebookページを追加する方法

WordPressのウェブサイトにFacebookのダイナミクスを埋め込むには、2つの方法があります：

1. FacebookアカウントとWordPressプラグインを統合することで、近況を自動的に表示します。
2. Facebookのプラグインを使用して、手動でFacebookをウェブサイトに動的に埋め込みます。

WordPressサイトにFacebookページのダイナミクスを表示するためのプラグインを使用する、より簡単な方法を見てみましょう。

WordPressサイトにFacebookページを追加する方法（プラグイン使用）

まず、適切なFacebookダイナミックプラグインを選択します。WordPressプラグイン（無料版と有料版）は、ウェブサイトの機能を強化します。

ここでは、100,000以上のアクティブインストールを持つSmash Balloon Custom Facebook Feedプラグインを使用しています。

ステップ1: Facebook Feed Proプラグインをインストール

まず、WordPressサイトにプラグインをインストールします。インストールしたら、WordPressのダッシュボードで"Facebookフィード「オプション

Facebookフィードプラグインの"セットアップウィザードの開始".

Facebookアカウントとの接続

クリック "新規追加"ボタンをクリックして、Facebookアカウントに接続してください。

ディスプレイを選択 FacebookページまたはグループそしてプラグインはFacebookアカウントと接続します。.すでにAPIアクセストークンをお持ちの場合は、" をクリックしてください。手動でアカウントを追加」オプション。

API アクセストークンがない場合は、" を選択します。Facebookに接続".

Facebookアカウントにログインし、"続ける"スマッシュバルーンを接続できるようにします。

Facebookページを選択

ログインしたら、Facebookページを選択します。

Smash Balloon WordPress のアクセス許可を設定する場合は、すべてのオプションをオンにしたまま、「」をクリックすることをお勧めします。果たす".

をクリックしてください。定める".

Facebookページを選択し、「」をクリックします。増加".

初期設定の完了

これで初期設定は完了です。次のステップ「続けて

必要に応じてアドオンを設定し、" をクリックします。次のステップ".

システムがプラグインのインストールを要求することがありますが、これらのオプションをオフにして続行できます。

最後に「Great, everything is ready!.下にスクロールして、"Complete Setup (No Upgrade Required)"（セットアップ完了（アップグレード不要））オプションを見つけ、クリックしてください。

セットアップ完了
プラグインは正常に設定されました！次は

• ウェブサイト・ダイナミクスの作成
• カスタム動的タイプ
• エンベデッド・ダイナミクス

ステップ2：新しいFacebookダイナミックを作成

これで新しいFacebookダイナミックを作成できます。以下の手順に従ってください：

1. "をクリックしてください。新規追加".

2.必要なFacebookモーションのタイプ（例：タイムライン）を選択し、""をクリックします。次のステップ".

3.Facebookページを選択し、「」をクリックします。次のステップ".

ステップ3: Facebook Dynamicsのカスタマイズ

ウェブサイトのダイナミックな外観をパーソナライズすることが可能になりました。

1.左側の設定を使用して、ダイナミックな外観をカスタマイズします。

2.クリック「ダイナミック・レイアウトオプションで、リスト、グリッド（メイソンリー）、回転（カルーセル）の3つのレイアウトから1つを選択します。

• リストレイアウトFacebookのアップデートを縦1列に表示することで、各アップデートを目立たせることができます。

• グリッドレイアウト: Facebookのダイナミクスを複数の列に並べ、ダイナミクスの元のスケールを保持します。
• 回転レイアウトこのレイアウトは、訪問者にダイナミクスをより柔軟に表示させたい場合に選択します。

3.選択したレイアウトを保存します。

4.以下の4つのオプションを提供するように配色を調整します：

• テーマからの継承（Inherit From Theme）
• ライト
• 暗い
• カスタム
  ご希望の配色を選択し、"セーブ".

5.カスタマイズオプションの追加により、Facebookのダイナミックデザインをさらに最適化します。

これが完了したら、ステップ4に進み、Facebookを動的にウェブサイトに埋め込むことができます。

ステップ4：Facebookダイナミクスの埋め込み

Facebookは、ブロック、ウィジェット、ショートコードなど、さまざまな方法でWordPressのウェブサイトに動的に埋め込むことができます。

1. Facebookフィードでブロック

• を使用する場合はブロックエディター（Gutenbergエディター）)、Facebookフィードブロックを選択できます。

• 表示したいFacebookのアクティビティを選択します。

• プレビューすると、以前のカスタマイズのダイナミクスを見ることができるはずです。

2. ウィジェットエリアへのダイナミクスの追加

• 入り込む 外観 > ガジェットウィジェットをサポートする領域に動的に追加されます。サイドバー).

• 青い " をクリックしてください。+ボタンわからない場合は、検索バーで"Facebookフィード"をクリックし、選択したガジェットエリアにドラッグします。

• サイドバーに追加すると、Facebook Dynamicも同様の効果を表示します。

3. ショートコードによるダイナミクスの埋め込み

• ダイナミクスは、ショートコードを使用して、任意のページ、記事、またはウィジェット対応エリアに動的に埋め込むことができます。
• をとおして Facebookフィード > すべてのニュース ショートコードをコピーして、対象のページ、記事、ウィジェットエリアに貼り付けます。

• ダイナミックでは、プレビュー時に同様の効果が表示されます。

WordPressウェブサイトにFacebookページを手動で追加する方法

Facebookは、ページのタイムライン、アクティビティ、メッセージをWordPressサイトに直接表示するための統合ツール、Facebookページプラグインを提供しています。

しかし、この方法はプラグイン方式に比べ、初心者にはいくつかの制限があります。

Facebookネイティブプラグインを使用するには、複数のウェブページを操作し、WordPressサイトに様々なコードスニペットを手動でコピー＆ペーストする必要があるため、技術的な知識がないユーザーにとっては複雑な場合があります。

また、コード・スニペットがどこかで間違っていると、サイトの機能に影響を与え、問題を引き起こす可能性があります。それでもこの方法を使いたい場合は、以下の手順に従ってください：

1. FacebookページのURLを入力してください。
FacebookページのURLを入力してください。

2. ダイナミックに含めるオプションを選択します。
以下の3つのオプションが選択できます：

• タイムライン
• イベント
• メッセージ
  銘記オプションを追加するには、オプション名をカンマで区切ってください（例：タイムライン、イベント、メッセージ）。オプションを削除するには、オプション名を省略します。

3. 動的な幅と高さの指定
WordPressサイトに表示したい動的な幅と高さを設定します。

• 小見出しや表紙写真の表示設定を切り替えることができます。
• プラグインのコンテナ幅を調整します。
• Facebookの友達のアバターを表示します。

4. コードを取得
設定後、"コードを取得JavaScript SDK と iFrame コードを取得します。

5. 埋め込みコード
提供されたコードをコピーし、Facebookダイナミクスを追加したいページや投稿に貼り付けます、ガジェットまたはフッターセクションにあります。

上記の手順が完了すると、WordPressのウェブサイトにFacebookの更新情報を表示することができます。

概要

WordPressのウェブサイトにFacebookのダイナミクスを追加することは、ブランドの認知度を高め、関心を集め、信頼を得るための素晴らしい方法です。

この記事では、FacebookをWordPressサイトに動的に統合する2つの方法、プラグインを使用する方法と手動で統合する方法について説明しました。