WordPressにFacebookフィードを埋め込むための、すばやく簡単なチュートリアルをお探しですか？
Facebookの埋め込みは、Facebookの投稿へのリンクを持つこととは異なります。Facebookフィードの埋め込みを使用すると、必要に応じてFacebookビジネスページの多くの部分を表示できます。
しかし、難しいのはWordPress用のFacebookフィードを作成することです。WordPressは、FacebookおよびInstagramのoEmbedをサポートしなくなりました。oEmbedは、リンクを貼り付けるだけで、任意のサイトにFacebookおよびInstagramの写真をフェッチする簡単な方法でした。しかし今では、Facebookアプリ開発者としてサインアップし、oEmbed権限を持つアプリを作成して、WordPressにFacebookの写真を埋め込む必要があります。
それが複雑に聞こえるなら、それは実際にそうだからです。良いニュースは、WordPressにFacebookの投稿を埋め込むための非常に簡単な方法があることです。この記事では、コードを一行も書かずにWordPressにFacebookフィードを埋め込む方法を正確に見ていきます。
そして、10分以内に完了します！
さあ、始めましょう。
WordPressにFacebookフィードを埋め込むべき理由
WordPressにFacebookフィードを埋め込むことができれば、すぐに多くのメリットが見られます。SEOなどの他のチャネルからサイトに誘導したウェブサイト訪問者をFacebookのフォロワーにする素晴らしい方法です。
しかし、それは最も明白なメリットにすぎません。Facebookフィードを使用すると、顧客レビュー、トップアフィリエイトやインフルエンサーからのコンテンツ、最も成功したキャンペーンを表示するようにセクションをカスタマイズできます。これも非常に簡単です。特定のハッシュタグやブランドメンションで表示する投稿をフィルタリングできます。
動的なコンテンツは、サイトのエンゲージメントも高めます。ページに追加されたコンテンツにより、サイトのSEOも向上する可能性があります。
WordPressサイトにFacebookフィードを埋め込む方法
Smash BalloonのFacebook Feed Proプラグインを使用して、ウェブサイトにFacebookフィードを簡単に埋め込むことができます。
Smash Balloonは、WordPress向けのナンバーワンソーシャルメディアフィードプラグインです。Smash BalloonのFacebook Feed Proプラグインは、WordPressにFacebookの投稿を埋め込む最も簡単な方法です。
Smash Balloonを使用して、次のことができます：
- サイトでハッシュタグフィードを ソーシャルプルーフ として使用する
- インタラクティブなTwitterフィードを表示してウェブサイトのエンゲージメントを高める
- あなたのYouTube動画をサイトに埋め込んでチャンネル登録者を増やす
- Facebookビジネスページの実際のレビューをサイトに追加して コンバージョンを増やす
など、他にもたくさんあります！最も重要なのは、Facebook Feed Proを使用すると、アプリ開発者として登録せずにFacebookフィードを埋め込めることです。これにより、多くの時間と手間が省けます。
Smash Balloonの全機能リストを確認したい場合は、Smash Balloonのレビューをご覧ください。
次の数ステップで、WordPressにFacebookの写真を埋め込むために必要なすべてを実行できます。すべてのステップに従えば、次のようなFacebookフィードをサイトに作成できるようになります。
始めましょう。
ステップ#1：Facebook Feed Proプラグインのインストールと有効化
まず、Facebook Feed Proプラグインをインストールして有効化します。Facebook Feed Proプラグインは、Smash Balloonアカウントのダウンロードセクションからダウンロードできます。
次に、WordPressダッシュボードでライセンスキーを使用してプラグインを有効にします。Facebook Feed » Settings » General » License Key に移動します。ライセンスキーを貼り付けて、Activate ボタンをクリックします。
ステップ #2: FacebookアカウントをWordPressに接続する
WordPressダッシュボードで、Facebook Feed » Settings » General » Manage Sources に移動し、プラス (+) ボタンをクリックします。
次に、ソースとして Page または Group を選択し、Connect ボタンをクリックします。
アカウントへのログインが完了したら、サイト用のFacebookフィードの作成を開始できます。
4種類のFacebookフィードを作成できます。
- User Timeline: このタイプのフィードはすべての Вアカウントで利用でき、最新の投稿を表示するために使用できます。
- Photos: このタイプのフィードを埋め込んで、Facebookギャラリーを表示できます。
- Videos: このタイプのフィードはFacebookの動画のみを表示します。
- Albums: Facebookのアルバムをウェブサイトに掲載できます。
サイトに最適なコンテンツタイプを選択し、Next ボタンをクリックします。Facebookフィードのソースを選択するように求められます。先ほどWordPressサイトに接続したアカウントを選択するだけです。
ステップ #3: Facebookフィードをカスタマイズする
次に、Smash Balloonの最もクールな部分です。ドラッグアンドドロップエディターを使用してFacebookフィードをカスタマイズできます！左側のサイドバーには、非常に使いやすいデザインオプションが多数用意されています。
フィードレイアウトをカスタマイズする
Customize の下の Feed Layout タブをクリックして、埋め込み用のレイアウトを選択できます。
4種類のレイアウトから選択できます。それぞれの見た目をプレビューで確認し、最も気に入ったものを選択してください。
カスタムフィードの高さとパディングを設定することもできます。
一度に表示したい投稿数を設定することもできます。
さらに凝った設定をしたい場合は、Facebookフィードのカラム数を設定することもできます。
カラー スキームをカスタマイズする
Facebook Feed Proのデフォルトのカラー スキームは、ほとんどのサイトのデザインに合うように作られています。しかし、サイトのデザインと合わないと感じる場合は、フィードのカラー スキームもカスタマイズできます。
Customize の下の Color Scheme に移動して、カスタムの外観を選択します。
Inherit from Theme オプションを使用することをお勧めします。これにより、テーマのスタイルが自動的に取得されます。
しかし、Custom をクリックして独自のカラー スキームを作成することもできます。
WordPress用Facebookフィードにセクションを追加する
最後に、Customize » Sections の下で、Facebookフィードにカスタムセクションを追加することもできます。
これには以下が含まれます：
- Header: ヘッダーをカスタマイズして、フォントスタイル、カスタム表示画像、カスタム自己紹介などを追加できます。
- Posts: 投稿の画像と動画の解像度をカスタマイズしたり、キャプションを許可したり、いいねやコメントの概要を含めたり、ホバーエフェクトを作成したりできます。
- 読み込みボタン: フィードに読み込みボタンを追加すると、訪問者がクリックしたときにさらに画像を取得できます。
- フォローボタン: ウェブサイト訪問者にFacebookでフォローを促すボタンを追加できます。
- ライトボックス: クリックすると投稿がフルスクリーンモードでポップアップ表示されるライトボックスポップアップを作成できます。
設定に満足したら、保存ボタンをクリックしてください。
ステップ4：WordPressでFacebookフィードを作成する
フィードのカスタマイズが完了したら、WordPressサイトにFacebook投稿を埋め込む時間です。WordPressダッシュボードで、Facebookフィード » すべてのフィードに移動し、フィードのショートコードをコピーします。
このショートコードを使用して、WordPressでFacebookフィードを即座に作成できます。サイトのサイドバー、フッター、投稿、さらにはページに追加できます。
すべてのステップを最初から最後まで実行した場合、サイトには次のようなFacebookフィードが表示されるはずです。
これで完了です！
WordPressでFacebookフィードを埋め込んだ後にやること
今回は以上です、皆さん！
また、WordPressにInstagramの写真を埋め込む方法もチェックしてください。ソーシャルメディアのフォロワーを増やしたい場合は、バイラルプレゼント企画を設定することをお勧めします。
その後、残りはサイトへのトラフィックを生成して、より多くのリードと売上を獲得することです。簡単な方法は、プッシュ通知の使用を開始することです。プッシュ通知の送信は、サイトへのリピートトラフィックを生成するための優れた方法です。それに興味がある場合は、これらの記事もチェックしてください。
- プッシュ通知のコスト：本当に無料なの？（価格分析）
- WordPressブログへのトラフィックを増やす方法（簡単な9つの方法）
- ウェブプッシュ通知のオプトイン率を高める方法（7つの方法）
- Web通知WordPressプラグインをサイトに追加する方法
プッシュ通知の送信にはPushEngageの使用をお勧めします。PushEngageは世界No.1のプッシュ通知ソフトウェアです。まだお済みでない場合は、今すぐPushEngageを使い始めましょう。
