FacebookフィードをWordPressサイトに追加する方法

公開: 2022-02-17

最近のソーシャルメディアの人気について疑問に思ったことはありませんか? 今日のほとんどの人は、意識的または無意識のうちにソーシャルメディアに接続しています。 すべてのソーシャルメディアネットワークの中で、Facebookは、当然のことながら、ユーザーの選択に関しては最上位に位置しています。 このチュートリアルでは、基本的にWordPressFacebookフィードを追加する方法を扱います。

しかしその前に、トピックがFacebookに関連しているので、Facebookに関するいくつかの統計を共有しましょう。 FacebookフィードをWordPressサイトに追加する価値があるかどうかを知ることは重要です。

Backlinkoの2022年のレポートによると、Facebookの1日あたりのアクティブユーザー数は19億人で、前年比で6.89%増加しています。

同じレポートによると、月間アクティブユーザーに関しては、現在29億人がプラットフォームにアクセスしており、前年比で7.18%増加しています。

それはなんと大きなことですよね? FacebookフィードをWordPressサイトに埋め込むことができるとしたらどうでしょうか。 スリル満点ですね。 Facebookフィードを追加することにより、Facebookのビジネスページまたはグループの投稿をサイトの訪問者に表示できます。 これにより、視聴者を大幅に増やすことができます。

それでは、WordPressFacebookフィードをサイトに追加する方法について説明します。 ElementsKitのFacebookフィードウィジェットをデプロイすることで、これを簡単に行うことができます。

市場で入手可能な一流のソーシャルメディアプラグインがたくさんあることを知っていますか? しかし、それらを識別する方法は? ブログ「10の堅牢なWordPressソーシャルメディアプラグインを使用して、労力を削減してください」にアクセスしてください。

内容を隠す
1ElementsKitを活用してWordPressFacebookフィードを追加する理由:
2オールインワンプラグイン:
2.1豊富なカスタマイズオプション:
2.2応答性と速度:
3 FacebookフィードをWordPressサイトに追加する方法:
3.1 ElementsKitに移動し、Facebookフィードを有効にします。
3.2 Facebookページの[フィード]タブを検索する:
3.3開発者向けFacebookサイトにアクセスします。
3.4アプリを作成します。
3.5必要な選択を行う:
3.6FacebookページIDとアクセストークンをコピーして貼り付けます。
3.7 Elementorウィンドウでページを開き、Facebookフィードを使用します。
3.8 [コンテンツ]タブのカスタマイズ:
3.9 [スタイル]タブのカスタマイズ:
4おわりに:

ElementsKitを活用してWordPressFacebookフィードを追加する理由:

ElementsKitは、Elementor用の使いやすいアドオンです。 それはあなたがページビルダーで探しているすべての利点をあなたに提供する無数の機能とウィジェットが付属しています。 たくさんのウィジェットの中で、Facebookフィードはその1つです。 Facebookフィードウィジェットを使用すると、カスタムFacebookフィードをWordPressサイトにシームレスに追加できます。

ElementsKitを使用してWordPressFacebookフィードをサイトに追加する方法を説明する前に、WordPressFacebookフィードを使用する理由について詳しく説明します。

オールインワンプラグイン:

ElementsKitは単なるFacebookフィードプラグインではなく、包括的なプラグインです。 Facebookフィードを追加するオプションを提供するだけでなく、他の多くの機能も提供します。 ヘッダーとフッター、メガメニュー、ウィジェットの作成、視差効果の追加、条件付きコンテンツ、画像アコーディオン、カウントダウンタイマーなどを作成できます。

豊富なカスタマイズオプション:

ElementsKitは、お客様の利益のために無数のカスタマイズオプションを提供します。 必要な調整を行うことで、フィード投稿のスタイルにスパイスを加えることができます。

応答性と速度:

デバイスに関係なく、ElementsKitは、サイトの応答性が高く、超高速であるように見せます。 モバイル、ラップトップ、デスクトップ、さらにはタブレットのいずれであっても、これらすべてのデバイスでWebサイトが完璧に表示されます。 そして、それも非常に速い速度を維持しています。

それでは、ElementsKitを使用してFacebookフィードをWordPressWebサイトに追加するプロセスについて詳しく見ていきましょう。 FacebookフィードをWordPressのホームページや他のページに追加することもできます。

FacebookフィードをWordPressサイトに追加する方法:

ElementsKitを使用すると、WordPressFacebookフィードをWebサイトに簡単かつスムーズに追加できます。 ほんの数ステップで、あなたは仕事をすることができます。 さらに面倒なことはせずに、WordPressFacebookフィードをサイトに追加する手順を見てみましょう-

ElementsKitに移動し、 Facebookフィードを有効にします。

まず、サイトのダッシュボードに移動し、サイドパネルのElementsKitに移動します。 メニューからElementsKitをクリックします。

ElementsKitに移動します

次に、[ウィジェット]を選択すると、ウィジェットのリストが表示されますが、一番下まで移動してFacebookフィードウィジェットを見つける必要があります。 Facebookフィードウィジェットが有効になっていることを確認してください。 次に、「変更を保存」ボタンをクリックします。

Facebookフィードを有効にする

Facebookページの[フィード]タブを検索します。

次に、サイドバーから[ユーザー設定]メニュー項目をクリックします。 画面にいくつかのタブが表示されます。 Facebookページの[フィード]タブに移動して、ドロップダウンをクリックするだけです。 これにより、FacebookページIDとページアクセストークンを入力するように求められます。

Facebookページのフィードタブを探す

FacebookforDevelopersサイトにアクセスします。

FacebookページIDとページアクセストークンを取得するには、developers.facebook.comにアクセスしてください。 ホームページで、「Facebook for Developers」ページにログインし、「MyApps」に移動します。

FacebookforDevelopersサイトにアクセスします

アプリを作成する:

これまでにアプリを作成したことがない場合は、アプリを作成します。 「アプリの作成」ボタンをクリックします。 アプリの種類を選択し、「次へ」ボタンを押します。 オプションですが、表示名、連絡先、電子メール、ビジネスマネジャーのアカウント名などの詳細を提供します。

その後、「アプリの作成」ボタンを押します。 これで、セキュリティチェックのためにFacebookのパスワードを入力するように求められます。 最後に、「送信」ボタンをクリックすると、すぐに製品ページに移動します。

アプリを作成する

必要な選択を行う:

次に、[ツール]に移動し、[グラフAPIエクスプローラー]をクリックします。 これにより、Facebookアプリやユーザーまたはページなど、画面の右側に多数のアイテムが表示されます。 Facebookアプリメニューからアプリを選択し、ユーザーメニューまたはページメニューから「ページアクセストークンの取得」を選択します。

グラフAPIエクスプローラーを選択します

これで、新しいウィンドウがアカウントとともにポップアップ表示されます。 「アカウント」として続行をクリックし、Webサイトにフィードを追加するページを選択します。 次に、「次へ」、「完了」、「OK」をクリックして処理を終了します。 その後、2つの権限が許可されていることがわかります。

必要な権限を追加する

さらに2つの権限、pages_manage_engagementとpages_read_user_contentを追加する必要があります。 そのためには、メニューからこれらのオプションを両方とも選択し、「アクセストークンの生成」をクリックします。 次に、上記のプロセスに進みます。

追加の権限を追加する

FacebookページIDとアクセストークンをコピーして貼り付けます。

その後、[権限]セクションに2つの権限が追加されていることに気付くでしょう。 次に、[ユーザー]または[ページ]オプションからページを選択します。 次に、アクセストークンをコピーして、ElementsKitに貼り付けます。

次に、[送信]をクリックし、FacebookページIDをコピーして、ElementsKitの[FacebookページID]セクションに貼り付け、最後に[変更を保存]ボタンをクリックして変更を保存します。

FacebookページIDとアクセストークンをコピーして貼り付けます

Elementorウィンドウでページを開き、Facebookフィードを使用します。

次に、Elementorウィンドウで任意のページを開きます。 そのためには、開きたいページを見つけ、「Elementorで編集」をクリックしてElementorウィンドウに切り替えます。

Elementorウィンドウでページを開く

その後、検索バーからFacebookフィードウィジェットを検索します。 Facebookフィードウィジェットを追跡したら、指定した領域にドラッグアンドドロップします。 ページのFacebookフィードがすぐに表示されます。

Facebookフィードウィジェットをドラッグアンドドロップして、Facebookフィードを表示します

[コンテンツ]タブをカスタマイズします。

左側では、[レイアウト設定]や[表示設定]などの[コンテンツ]タブの下にいくつかのオプションがあります。 レイアウト設定から、グリッドスタイル、列グリッド、フィードスタイルを変更できます。

また、[表示設定]から、[作成者の表示]、[作成者のスタイル]、[日付の表示]などのパラメーターを制御できます。

コンテンツタブをカスタマイズする

[スタイル]タブをカスタマイズします。

[スタイル]タブから、レイアウト、コンテナ、ヘッダー、フッター、メディア、リンクなどのその他のパラメーターを制御できます。 [レイアウト]セクションには、スライダーで調整できるガターやマージボタンなどのコントロールがあります。 同様に、要件に応じて調整する他のパラメーターがあります。

スタイルタブをカスタマイズする

閉会の辞:

これは、ElementsKitを使用してWordPress Facebookフィードをサイトに追加し、ビジネスを宣伝する方法です。 その結果、コンバージョンと売上が2倍になります。

この包括的なチュートリアルで私があなたのために持っていたのはそれだけです。 うまくいけば、あなたはこのステップバイステップガイドから多大な恩恵を受けました。 さようならを入札する前に、Facebookページでフォローすることを忘れないでください。

ElementsKitを利用する

あなたのビジネスのためにFacebookの広告キャンペーンを実行する方法を知りたいですか? 以下のリンクをクリックして、Facebook広告の実行に関する全体的なアイデアを入手してください。

Facebookの広告キャンペーンを実行する方法は?