Facebookグループをウェブサイトに埋め込む方法（最良の方法）

WordPressのウェブサイトにFacebookグループを表示する簡単な方法を知りたいですか？

Facebookグループのタイムラインをウェブサイトに表示して、ソーシャルメディアのフィードをWordPressに組み込むことは、顧客との関わりを深めるための素晴らしい方法です。

しかし、Facebookグループをウェブサイトに埋め込むのは、ややこしい場合があります。

だからこそ、このガイドでは、技術的な知識や経験がなくても簡単にできる方法をご紹介します。

まずは、WordPressサイトにFacebookグループを埋め込むことが、なぜ有益なのかを見ていきましょう。

または、こちらをクリックしてチュートリアルへ直接進むこともできます。

なぜウェブサイトにFacebookグループを埋め込むべきなのか？

Facebookのグループには、現在14億人以上が参加しています。

Facebookグループを積極的に利用している人が大勢いるため、そこでオンラインコミュニティを構築すれば、多くの潜在顧客にリーチすることができます。

Facebookグループを活用すれば、顧客と「対話」することで、顧客についてより深く理解し、関係を築くことができます。

会社のウェブサイトにFacebookグループを表示すると、次のようなメリットがあります：

• ユーザーがあなたのオンラインコミュニティを簡単に見つけられるようにしましょう
• Facebookグループを通じてユーザーと直接交流しましょう
• お客様との絆を深めましょう
• グループに投稿された製品やサービスに関する問題に対して、解決策を提供する
• ユーザー生成コンテンツを活用して、ソーシャルプルーフの効果を最大限に引き出しましょう
• グループ内で関連するお知らせを配信し、顧客に最新情報を提供することで、ブランドの認知度を高めましょう
• グループに投稿されたユーザーの体験談を通じて、売り上げを伸ばしましょう

ブログ運営者、アフィリエイト、あるいはECショップのオーナーなど、どのような立場であっても、ウェブサイトにFacebookグループを埋め込むことで、訪問者がオンラインコミュニティに参加しやすくなります。

また、お客様が貴社と関わりやすくなるという利点もあります。お客様が貴社と関わるために、わざわざ面倒な手続きを踏む必要がなくなるため、これは望ましいことです。

また、ウェブサイトに自社のチームを紹介することで、見込み客との信頼関係を築くことができ、長期的には彼らを顧客やブランドのサポーターへと変えることができます。

ウェブサイトにFacebookグループを表示する最も簡単な方法

「Facebook Feed Pro」のようなFacebookプラグインを使って、ウェブサイトにFacebookグループを埋め込むと、わずか5分足らずで簡単にFacebookグループを表示できます！

初心者にも使いやすいWordPressプラグインを使えば、次のようなメリットがあります：

• WordPressサイトにFacebookグループを簡単に追加 — コーディングは不要
• ウェブサイトの訪問者に、Facebookグループへの参加を促しましょう
• ウェブサイト上のFacebookグループの表示をカスタマイズし、自社のブランドイメージと統一感を持たせましょう
• Facebookグループで表示したい情報の種類（投稿、写真、イベント、動画、アルバム）を設定する
• プロセス全体を通じて、困ったことがあればいつでもWordPressの専門家に相談できます

このチュートリアルでは、Smash Balloonの「Facebook Feed Pro」プラグインを使用します。

「Facebook Feed Pro」は、初心者の方でも使いやすいように設計されています。これを使えば、Facebookの投稿をウェブサイトにスムーズに追加できます。技術に詳しくない方でも、表示方法を自由にカスタマイズできます。

25万人以上のアクティブユーザーを擁し、間違いなくWordPress向けの最高のFacebookフィードプラグインです。

このプラグインを使えば、Facebookのイベント、ページ、動画、アルバム、さらにはFacebookグループまでも、自分のサイトに表示することができます。

さらに、ウェブサイトの訪問者は、サイトから直接Facebookグループに参加することもできます。

Facebook Feed Pro を使えば、埋め込みコードを1行も記述することなく、ウェブサイトの訪問者にオンラインコミュニティを簡単に表示することができます。

したがって、HTML、JavaScript、iFrame、CSS、その他のプログラミング言語を直接扱うことに慣れていない方には、これが最適な選択肢となります。

それでは、この点を踏まえて、Facebook Feed Proプラグインを使用してWordPressサイトにFacebookグループを表示する手順を順を追って解説していきましょう。

ステップ1: Facebook Feed Proのダウンロードとインストール

まずは、Facebook Feed Proプラグインを入手してください。

あとは、ご自身のウェブサイトにインストールして有効化するだけです。

やり方がわからない？WordPressプラグインのインストール方法については、当社のステップバイステップガイドをご覧ください。

ステップ2：Facebookグループのフィードを作成する

WordPressのダッシュボードから、「Facebookフィード」＞「すべてのフィード」メニュー に移動して、設定を開始してください。 

では、上部にある「新規追加」ボタンを クリックしてください。

この新しいページでは、9種類のフィードから選択できます。タイムラインの投稿、写真、アルバム、Facebookイベントなど、さまざまなフィードから選ぶことができます。

実は、ここからFacebookグループのイベントをウェブサイトに表示することができます。

希望するFacebookフィードの種類を選んだら、「次へ」をクリックしてください。 

このチュートリアルでは、ここでタイムラインフィードを使用しています。

ステップ3：Facebookグループに接続する

次のステップは、Facebookアカウントをウェブサイトに連携させ、Facebookフィードの配信元を設定することです。新しい配信元を追加するには、「新規追加」をクリックしてください。

新しいポップアップが表示され、Facebookのページかグループかを選択できるようになりました。ここで 「グループ」オプションを選択し、「接続」をクリックしてください。

その操作を行うと、プラグインによってFacebookのページに遷移します。そこで、プラグインにFacebookアカウントの閲覧権限を付与することができます。

このプラグインは、そのアクセス権限を使ってFacebookの投稿を表示することしかできませんが、内容を変更することはできません。したがって、Smash Balloonの利用は完全に安全です。

ここでは「続行」 を選択してください。

新しいポップアップが表示されたら、「続行」ボタンを クリックして次に進んでください。

これで、自分のアカウントに紐付けられているすべてのFacebookグループが表示されます。希望するグループを選択し、「次へ」ボタンを クリックしてください。

その後、Smash Balloonアプリをグループに追加するよう求めるポップアップが表示されます。

その方法については、こちらの手順に従ってください。

アプリを追加したので、WordPressに戻ってください。ポップアップが表示されたら、「完了」をクリックして次に進んでください。

あとは、ソースの一覧からグループを選択し、「次へ」をクリックするだけです。

これで、Facebookグループをウェブサイトに連携させました。

次は、Facebookグループのフィードをカスタマイズしましょう。その方法について、以下で説明します。

ステップ4：Facebookグループのフィードをカスタマイズする

これで、新しいFacebookグループのフィードがライブフィードエディタで開かれます。

画面の左側に、すべてのカスタマイズオプションが表示されています。

これらのオプションを使用すると、フィードの種類、レイアウト、配色、ヘッダーのスタイル、投稿のレイアウトなどを変更できます。

変更を加えるたびに、右側にリアルタイムのプレビューが表示されます。

カスタマイズを開始したい場合は、「フィードのレイアウト」オプションを選択してください。

Facebookグループのフィードのレイアウトには、「リスト」、「グリッド」、「メイソンリー」、「カルーセル」の4つのオプションがあります。

リスト表示を使えば 、Facebookグループの投稿をすべて順番に表示できます。Facebookの投稿を目立たせたい場合に最適な方法です。

Facebookの投稿を一度にたくさん表示したいですか？その場合は、グリッド表示を選択すると良いでしょう。

Facebookの写真を元の縦横比のまま、複数の列に並べて表示したいだけなら、「メゾニーレイアウト」がおすすめです。

最後に、投稿をよりダイナミックに見せたい場合は、Facebookのカルーセルレイアウトを利用することもできます。

これらのオプションからお好みのレイアウトを選んでください。選択したら、上部の「保存」ボタンをクリックして変更を保存できます。

フィードのカスタマイズを続けるには、上部にある「カスタマイズ」ボタンをクリックしてください。

オプションから「カラースキーム」 を選択し、Facebookフィードの色を設定してください。

ここでは、配色について4つの選択肢があります：

• テーマから継承：テーマの配色をコピーします。
• ライト：背景が鮮明な白で、文字色が濃い配色。
• ダーク：背景を暗くし、文字色を明るくしたい場合。
• カスタマイズ：フィードに独自の色を追加する。

こちらの選択肢からお好みの配色を選んで、「保存」をクリックしてください。

その後、ヘッダーのスタイルや余白、投稿の構成要素など、フィードのその他の部分をカスタマイズできます。

カスタマイズが完了したら、「保存」をクリックしてください。

ステップ5：ウェブサイトにFacebookグループを埋め込む

フィードのカスタマイズが完了したので、次はWordPressにFacebookグループを追加する方法について学びましょう。その方法には、2つのやり方があります。

WordPressページにFacebookグループを埋め込む

まず、ライブフィードエディタにある「埋め込み」ボタンを クリックしてください。

グループフィードを投稿する場所を選択できるポップアップが表示されます。続行するには、「ページに追加」ボタンを クリックしてください。

それをクリックすると、フィードを投稿できるページのリストが表示されます。希望するウェブページを選択し、「追加」をクリックしてください。

さて、このFacebookグループ用プラグインが、そのページへ移動させます。

そこで、上部にある 小さなプラス記号（+） をクリックしてください。最後に、「カスタムFacebookフィード」ウィジェット を選択してください。

最後に、「公開」ボタンをクリックすれば完了です！

これで完了です！これでFacebookグループをウェブサイトに埋め込むことができました。これからは、Facebookグループに新しい投稿をすると、このフィードにも自動的に表示されるようになります。

WordPressサイトを開いて、フィードがどのように表示されるか確認できます。

WordPressのサイドバーにFacebookグループを埋め込む

2つ目の方法は、FacebookグループのフィードをFacebookウィジェットとしてウェブサイトのサイドバーに埋め込むことです。

ライブフィードエディタから設定できます。

また、ライブフィードエディタを開くには、ダッシュボードの「Facebookフィード」＞「すべてのフィード」メニューをクリックしてください。

このページには、あなたのウェブサイトにあるすべてのFacebookフィードの一覧が表示されています。次に進むには、Facebookグループのフィードをクリックしてください。

ライブフィードエディタが再び表示されました。ここで、右上にある「埋め込み」ボタンを クリックしてください。

Facebookフィードを埋め込む場所を選択するポップアップが表示されます。ここで、「ウィジェットに追加」をクリックしてください。

この操作を行うと、「ウィジェット」ページ に移動し、そこでサイト上のすべてのウィジェットを追加または削除することができます。

ここで、「サイドバー」をクリックするだけで、Facebookグループのウィジェットをサイドバー領域に追加できます。

これで、現在サイドバーに表示されているすべてのウィジェットが一覧表示されるパネルが開きます。次に、プラスアイコン（+）をクリックし、「カスタムFacebookフィード」ウィジェットを選択してください。

最後に、「更新」をクリックして、Facebookグループをウェブサイトのサイドバーまたはフッターに追加してください。

これで、ショートコードやプログラミング言語を一切使わずに、ウェブサイトのサイドバーにFacebookグループのウィジェットを追加できました。

公開中のウェブサイトを確認すると、以下のようにサイドバーに埋め込まれたFacebookグループが表示されているのがわかります。

それで終わりだ！

おめでとうございます。これで、WordPressプラグインを使ってFacebookグループをウェブサイトに埋め込む方法がわかりましたね。

写真、動画、イベント、アルバムなどをサイトに埋め込むことで、サイトの魅力を高め、ソーシャルメディアでの存在感を高めることができます。

今すぐ「Facebook Feed Pro」を使い始めましょう。

Facebookページを埋め込みたいですか？WordPressにFacebookページのフィードを埋め込む方法について、こちらのステップバイステップガイドをご覧ください。

ソーシャルプルーフを活用して売上を伸ばす効果的な方法をお探しですか？ここでは、Facebookページのレビューをウェブサイトに埋め込む方法をご紹介します。

複数のソーシャルネットワークを利用している場合は、このチュートリアルを参考に、WordPressサイトに複数のソーシャルフィードを追加することができます。

最後に、この記事が役に立ったと思われた方は、ぜひTwitterやFacebookで私たちをフォローしてください。他にもわかりやすいチュートリアルを配信しています。