FacebookグループフィードをWordPressに追加する方法
公開: 2021-04-20Facebookグループフィードをサイトに追加しますか？ あなたは正しい場所に来ました。 この投稿では、 FacebookグループフィードをWordPressに簡単に追加する2つの異なる方法を紹介します。
28億人以上のユーザーを抱えるFacebookは、主要なソーシャルメディアプラットフォームの1つです。 個人や企業に幅広いコミュニティオプションを提供し、ユーザーが同じ興味を持つ人々とつながり、グループを見つけることができるようにします。 これらのグループとコミュニティは、個人と事業主の両方にとって非常に役立つことが証明されています。 今日、これらのグループのいくつかは、ユーザーがさまざまなトピックについて話し合うフォーラムになり、人々がさまざまな製品を売買する場所にさえなっています。
Facebookはユーザーと企業の両方を集めることに成功しており、それを利用する方法がいくつかあります。 このガイドでは、FacebookグループフィードをWordPressWebサイトに追加する方法を紹介します。 しかし、プロセスを実行する前に、そうすることがなぜ良い考えであるかを見てみましょう。
FacebookグループフィードをWordPressに埋め込む理由
FacebookグループフィードをWebサイトに追加することには多くの利点があります。 Facebookを使用すると、グループを作成して、ビジネスやサービスに関するアクティブなコミュニティに変換できます。 これは、Facebookグループから直接視聴者とやり取りできるため、実際には視聴者とのエンゲージメントを高めるための最良の方法の1つです。
したがって、グループフィードをサイトに追加することで、訪問者はディスカッションをフォローし、サイトからグループにアクセスできます。 これはまたあなたとあなたの聴衆の間のより多くの相互作用の可能性を高めることができます。 それに加えて、マーケティングの観点からFacebookグループを賢く使用すれば、Webサイトのトラフィックを増やすのにも役立ちます。
グループへのエンゲージメントが増えると、サイトのトラフィックが増え、売り上げも増加します。 あなたを知っていて、グループのおかげであなたをあなたの業界で尊敬されている権威と見なしているユーザーは、あなたから購入する可能性が高くなります。 たとえば、私たちの場合、QuadLayers用のFacebookグループを作成しました。このグループでは、人々がWooCommerceのトピックについて話し合うことができ、それが私たちのWebサイトにとって有益であることが証明されています。
メリットをよりよく理解できたので、FacebookグループフィードをWordPressサイトに追加するプロセスを見ていきましょう。
WordPressでFacebookグループフィードを追加するにはどうすればよいですか？
Facebookグループフィードの追加は非常に簡単で、2つの異なる方法を使用して追加できます。
- 公式Facebookページプラグイン付き
- 専用のWordPressプラグインを使用する
1.Facebookページプラグインを使用してFacebookグループフィードを追加します
Facebookは、ソーシャルメディアオプションをWebサイトに追加するための多くのカスタマイズオプションを提供します。 コードスニペットで使用できる開発者ツールはたくさんあります。 ページプラグインはそれらのツールの1つであり、WordPressサイトにグループフィードを簡単に追加できます。
これは開発者にとって使いやすいアプローチであるため、コーディングとプログラミングの基本的な知識がある場合に適したオプションです。
1.1。 Facebookグループフィードを構成およびカスタマイズする
ページプラグインを使用してFacebookフィードを追加するには、Facebook開発者コミュニティのプラグインページに移動し、Webサイトに表示するFacebookグループまたはページへのリンクを追加します。 リンクを取得するには、グループのFacebookホームページを開き、そのURLをコピーするだけです。
次に、 FacebookページのURLのテキストボックスにURLを貼り付けます。 同様に、Webサイトでのグループフィードの表示方法に応じて、タブ、幅、高さの詳細を追加できます。
さらに、小さいヘッダーを使用したり、カバー写真を非表示にしたり、プラグインコンテナーを幅に合わせたり、友達の顔を表示したりできます。 選択に満足すると、サイトにフィードのライブプレビューが表示されます。 その後、フィードに満足するまで、プレビューに基づいてさらに変更を加えることができます。
1.2。 Webサイトのグループフィードコードを取得する
グループフィードのカスタマイズが完了したら、 [コードを取得]を押します。
これで、 JavaScript SDKタブの下に、グループフィードの2セットのコードスニペットが表示されます。 また、[iFrame]タブの下にiFrameを含む一連のコードが表示されます。 これらのコードをコピーしてWebサイトに貼り付ける必要があります。
1.3。 あなたのウェブサイトにコードを追加します
それらを追加する前に、テーマファイルにはWebサイトに関する非常に機密性の高い情報が含まれていることに注意してください。 したがって、誤って何かを変更したり、何かがうまくいかなかったりすると、サイトが破損する可能性があります。 そのため、これらの変更を行う前に、Webサイトの完全なバックアップを作成し、子テーマを作成することをお勧めします。
それが済んだら、最初のJavaScriptSDKコードをテーマファイルに追加する必要があります。
コードをコピーして、WordPressダッシュボードの[外観]> [テーマエディター]に移動します。 画面の右側にあるheader.phpファイルを開き、bodyタグを開いた直後にコードを貼り付けて、ファイルを更新します。
コードやテーマファイルは、使用しているテーマによって多少異なる場合がありますが、以下のようになります。
同様に、2番目のコードを追加する必要があります。 この場合、Webサイトのグループフィードを表示したい場所に配置できます。
コードをコピーして、コードエディタを使用して目的の宛先に貼り付けるだけです。
iFrame
または、iFrameコードを使用する場合は、同じことを行うことができます。 ただし、それをコピーしてテーマファイルに貼り付ける必要はありません。 コードエディタを使用して、Webサイトの好きな場所に貼り付けるだけです。
たとえば、このデモンストレーションでは、テキストウィジェットを使用して[外観]> [ウィジェット]から右側のサイドバーに追加しました。 その後、サイトをプレビューして、どのように表示されるかを確認します。
それでおしまい！ これは、公式のFacebookページプラグインを使用してFacebookグループフィードを追加する方法です。
2.WordPressプラグインを使用してFacebookグループフィードを追加します
コーディングのスキルがなく、コアファイルの編集に慣れていない場合は、プラグインを使用してFacebookグループフィードをWordPressサイトに追加できます。
使用できるソーシャルメディアプラグインはたくさんあります。 このチュートリアルでは、 Smash Balloon Social PostFeedを使用します。
これはフリーミアムで使いやすいプラグインであり、FacebookグループフィードをWordPressに簡単に追加でき、Facebookグループフィードのさまざまなカスタマイズオプションを提供します。
このプラグインを使用してFacebookグループフィードを追加する方法を段階的に見ていきましょう。
2.1。 プラグインをインストールしてアクティブ化する
まず、プラグインをインストールしてアクティブ化する必要があります。 WordPressダッシュボードで、 [プラグイン]> [新規追加]に移動し、プラグインを探します。 次に、[今すぐインストール]をクリックしてアクティブ化します。
このプロセスに慣れていない場合は、WordPressプラグインを手動でインストールする方法に関するガイドを確認してください。
2.2。 Facebookグループに接続する
プラグインをアクティブ化した後、ダッシュボードから[ Facebookフィード]タブを開くと、[構成]タブが表示されます。 ここでFacebookアカウントを接続する必要があります。 Facebookアカウントの接続を押して、アカウントを自動的に接続します。
次に、FacebookページとグループのどちらをWebサイトに表示するかを決定する必要があります。 グループを追加するので、 Facebookグループを選択して[続行]をクリックします。
Facebookアカウントが自動的に検出されるため、続行するFacebookアカウントを選択するだけです。
次に、Facebookアカウントが含まれているすべてのグループのリストとグループIDが提供されます。 表示するグループを選択し、[このグループのトークンを使用]をクリックしてトークンを取得します。
次に、SmashBalloonアプリを追加する方法に関するポップアップメッセージが表示されます。 手順を実行してから、[完了]を押します。
その後、FacebookグループがFacebook FeedWordPressメニューのダッシュボードに表示されます。 ページIDとFacebookアクセストークンが自動的に入力されます。[設定の保存]を選択して、Facebookグループアカウントを保存します。
または、[アカウントを手動で接続]ボタンをクリックして、グループを手動で接続することもできます。 ただし、プロセスがより簡単で迅速になるため、グループを自動的に接続することをお勧めします。
2.3。 FacebookグループをSmashBalloonアプリに接続する
プラグインがスムーズに機能するようにするには、FacebookグループにSmashBalloonアプリを追加する必要もあります。 これを行うには、Facebookグループページに移動し、 [設定]を開きます。
[詳細設定の管理]の下に、アプリを編集するためのオプションが表示されます。 編集アイコンをクリックして追加します。
Facebookグループのアクティブなアプリがすべて表示されます。 [アプリの追加]を押して、グループに新しいアプリを追加します。
次に、SmashBalloonを検索して選択します。
最後に、[追加]を押して、アプリをFacebookグループに追加します。
2.4。 Facebookグループフィードをカスタマイズする
[Facebookフィード]> [設定]で下にスクロールすると、Facebookグループフィードを追加するための追加設定がいくつか表示されます。 表示する投稿の数、タイムゾーン、ページに表示する投稿など、さまざまなオプションを変更できます。 必要な変更を加え、設定を保存することを忘れないでください。
[カスタマイズ]タブには、追加のカスタマイズオプションもあります。 ここには、カスタマイズできる複数のセクションがあります。
[一般]セクションでは、一般情報、投稿の種類、ボックスなどのヘッダーレイアウト、ページプラグインなどのさまざまなオプションをカスタマイズできます。
さらに、さまざまな投稿レイアウトをカスタマイズし、[投稿レイアウト]セクションからグループフィードで表示および非表示にするものを選択できます。 ただし、投稿のレイアウトはプラグインのプレミアムバージョンでのみ利用可能であることに注意してください。
[投稿のスタイル]セクションでは、投稿アイテム、テキスト、説明、作成者、日付などをカスタマイズできます。 ここから、イベントの詳細、コメントボックス、アクション後のリンクを編集することもできます。
[その他]タブでは、カスタムCSSとJavaScriptを追加し、GDPR、メディア（プレミアム）、およびその他のその他の設定を編集できます。 最後に、[カスタムテキスト/翻訳]セクションでは、テキストをカスタマイズして、Webサイトに表示するほぼすべての元のテキストを翻訳できます。
カスタマイズが完了したら、必ず変更を保存してください。
2.5。 FacebookグループフィードをWebサイトに追加します
Smash Balloonを使用すると、2つの異なる方法でFacebookグループフィードをサイトに追加できます。 プラグインはGutenbergと互換性があるため、ショートコードまたはFacebookフィードブロックを使用できます。
ブロックエディタを使用する場合は、フィードを表示するページまたは投稿を開き、「 + 」をクリックして新しいブロックを追加します。 次に、「カスタムFacebookフィード」ブロックを検索して選択します。
または、Facebookグループフィードを投稿やページ以外の場所に追加する場合は、ショートコードを使用できます。 フィードのショートコードは、 Facebookフィードダッシュボードのページの下部に表示されます。 それをコピーして、Webサイトの好きな場所に配置するだけです。
その後、変更を保存することを忘れないでください。フロントエンドでFacebookグループを表示できるようになります。
ボーナス：FacebookグループフィードをDiviに埋め込む方法
FacebookグループフィードをWordPressサイトに追加するさまざまな方法を紹介しました。 それでは、Diviを使用してこれを行う方法を見てみましょう。 プロセスは非常に似ており、数分以内で完了します。
あなたがする必要があるのは、テーマオプションの統合セクションにあるFacebookページプラグインからコードをコピーして貼り付けることです。 ステップバイステップでそれを行う方法を見てみましょう。
Diviテーマをインストールする
Diviを使用してFacebookグループフィードを追加するには、最初にDiviテーマをインストールする必要があります。 WordPressダッシュボードで、[外観]> [テーマ]に移動し、テーマコレクションの[新規追加]ボタンまたは[新しいテーマの追加]オプションをクリックします。
DiviはWordPress.orgテーマリポジトリでは利用できないため、アップロードする必要があります。 [テーマのアップロード]をクリックして、Diviの購入時にダウンロードしたzipファイルを選択します。
[今すぐインストール]を押してテーマをインストールし、インストールの完了後にアクティブ化します。
Facebookページプラグインからコードを取得して、Webサイトに貼り付けます
その後、Facebook forDevelopersページの公式Facebookページプラグインからコードを取得する必要があります。 前に説明したのと同様に、グループのURLを取得し、 FacebookページのURLのテキストボックスに貼り付けます。 フィードをカスタマイズし、満足したら、[コードを取得]を押します。
次に、[ JavaScript SDK ]タブの下にある最初のコードセットをコピーし、WordPressダッシュボードで[ Divi]> [ ThemeOptions]に移動します。 [統合]タブを開き、テキストボックスを見つけて<bodyタグ>にコードを追加し、そこに貼り付けます。
その後、2番目のコードをコピーし、コードエディタを使用してグループフィードを表示する場所に追加します。
または、iFrameコードを使用して、前のすべての手順を回避することもできます。 [iFrame]タブを開き、グループフィードを表示するコードをコピーして貼り付けるだけです。
Divi Builderを使用して、ページを編集したり投稿したりすることもできます。 次に、目的の場所にテキストボックスを追加し、テキスト（コード）エディターの下にコードを貼り付けて、変更を保存します。
最後に、フロントエンドでFacebookグループフィードを表示できるようになります。
結論
全体として、グループフィードを追加し、訪問者がディスカッションをフォローしてサイトからグループにアクセスできるようにすることは、視聴者とのエンゲージメントを高め、サイトのトラフィックを増やすための優れた方法です。
このチュートリアルでは、WordPressでFacebookグループフィードを追加する2つの方法を紹介しました。
- 公式Facebookページプラグイン付き
- SmashBalloonソーシャルポストフィードの使用
コードに精通していて、テーマファイルの編集に慣れている場合は、Facebookページプラグインを使用できます。 それ以外の場合は、Smash Balloon（または任意の他のツール）を使用して、多数のカスタマイズオプションを使用してグループフィードを追加できます。
さらに、Diviでのプロセスを段階的に示しました。 Facebookページプラグインから統合用のコードを直接追加できます。これで準備完了です。
このチュートリアルが役に立ったと思ったら、ここにあなたが面白いと思うかもしれない他のいくつかの記事があります。
- FacebookウィジェットをWordPressに追加する方法
- WordPressのDiviテーマ：完全なレビュー
- Facebook Shop for WooCommerce：完全ガイド
サイトにグループフィードを追加しましたか？ どの方法を使用しましたか？ 他の方法を知っていますか？ 以下のコメントセクションでお知らせください。