新しいウェブサイトのセットアップが完了したら、次にソーシャルメディアチャンネルを統合します。これは、初日からオーディエンスを構築するための基本的な要素です。
サイトとFacebookページが別々の世界にあるということは、簡単なエンゲージメントとフォロワーを逃しているということです。
そのため、WordPressにFacebookページを追加するための最も信頼性の高い3つの方法を紹介します。フィードを表示し、フォロワーを増やし、オンラインでよりつながりのあるブランドを作成できるようになります。
WordPressにFacebookページを追加する理由
地域ビジネスやコミュニティページを運営している場合、訪問者は毎日Facebookを利用しています。あなたのFacebookページを直接サイトに追加すると、訪問者はサイトを離れることなく「いいね！」やフォローができるようになります。このスムーズなやり取りこそが、ソーシャルの成長が実際に起こる場所なのです。
また、ブランドを同時に2つの場所に表示できるため、Google経由であなたを見つけた新しい訪問者は、同じセッションでソーシャルメディアでもつながることができます。地域ビジネスにとって、検索での可視性とソーシャルでのつながりの組み合わせは、他に類を見ないものです。
次に、ステップバイステップで追加する方法を説明します。
方法1：SeedProdを使用してWordPressにFacebookページを追加する
専用のソーシャルランディングページやブランドのFacebookハブなど、ゼロから新しいページを作成している場合は、SeedProdが最良の選択肢です。ドラッグアンドドロップエディターには、Facebookページブロックが組み込まれているため、コードを記述せずにページを埋め込み、レイアウト全体をカスタマイズできます。
SeedProdは、ドラッグアンドドロップで利用できる最高のWordPressページビルダーおよびウェブサイトビルダーです。コーディングをゼロから行う手間なしにカスタムページレイアウトを作成できます。
Facebookページブロックを使用すると、数回クリックするだけでWordPressに任意のFacebookページを埋め込むことができます。Facebookいいねボタン、Facebookコメント、Facebook投稿を埋め込む便利なブロックもあります。
SeedProdを使用してWordPressにFacebookページを追加する方法は次のとおりです。
ステップ1. SeedProdのインストールと有効化
まず、SeedProdプラグインをダウンロードし、WordPressサイトにインストールする必要があります。
このガイドでは、高度なカスタマイズ機能のためにSeedProd Proを使用しています。
ヘルプが必要な場合は、SeedProdのインストール方法とライセンスのアクティベーションに関するドキュメントを参照してください。
SeedProdは、WordPressサイトをカスタマイズするための2つの方法を提供します。スタンドアロンのランディングページを作成するか、テーマビルダー機能を使用してカスタムWordPressテーマを作成できます。
このガイドでは、ランディングページビルダー機能を使用します。
ステップ2.ランディングページテンプレートの選択
新しいランディングページを作成するには、WordPressダッシュボードからランディングページに移動し、新しいランディングページを追加ボタンをクリックします。
そこから、デザインの出発点として使用できる何百もの既製のランディングページテンプレートが表示されます。各テンプレートは100％モバイルレスポンシブであり、デザインがスマートフォンやタブレットなどのモバイルデバイスで素晴らしく見えることを保証します。
上部のタブをクリックしてテンプレートをフィルタリングするか、検索ボックスを使用して特定のニッチ向けのデザインを見つけることができます。気に入ったものを見つけたら、カーソルを合わせてチェックマークアイコンをクリックします。
次に、ページの名前を入力し、保存してページ編集を開始ボタンをクリックします。
次に、テンプレートがSeedProdのビジュアルエディターで開かれ、コードなしでレイアウトとコンテンツのカスタマイズを開始できます。
ステップ3. Facebookページブロックを追加する
SeedProdのドラッグアンドドロップエディターはナビゲートが簡単です。
右側にライブプレビューが表示され、左側にブロック、セクション、設定が表示されます。ブロックパネルからコンテンツ要素をプレビューにドラッグし、数回クリックするだけで設定を編集できます。
Facebookページブロックをランディングページに追加する方法は次のとおりです。
高度なブロックパネルで、Facebookページブロックが表示されるまで下にスクロールします。ページに追加するには、左からドラッグしてプレビューにドロップします。
次に、ブロックをクリックしてカスタマイズオプションを表示し、FacebookページURLを追加できます。
ページが表示されない場合は、「ページ設定」リンクをクリックして、FacebookアプリID情報を入力する必要があります。
FacebookアプリIDを取得する方法
アプリIDの取得は数分で完了します。方法は次のとおりです。
- developers.facebook.com/appsにアクセスし、Facebookアカウントでログインします。
- アプリを作成をクリックし、求められたらコンシューマーアプリタイプを選択します。
- アプリ名と連絡先メールアドレスを入力し、セットアップウィザードを完了します。
- アプリが作成されると、アプリダッシュボードの上部にアプリIDが表示されます。それをコピーして、SeedProdのページ設定フィールドに貼り付けます。
追加のFacebookページブロック設定には、次の機能が含まれます。
- 小さなヘッダーを有効にする
- カバー写真を非表示にする
- プロフィール写真を表示する
- CTAボタンを非表示にする
- Facebookウィジェットの高さを変更する
- ウィジェットの配置を調整する
タイムライン、イベント、メッセージなど、さまざまな種類のFacebookフィードを表示することもできます。
このブロックの素晴らしい点は、いいね！ボタンと共有ボタンが自動的に含まれているため、ユーザーはソーシャルメディアコンテンツを他のプラットフォームで簡単に共有できることです。
ステップ4. WordPressページをカスタマイズする
Facebookページフィードが配置されたら、ランディングページの残りの部分のカスタマイズを続けることができます。いくつかのアイデアを次に示します。
- オプトインフォームを追加してメールアドレスを収集する
- 信頼性を高めるために、満足した顧客からのお客様の声を含める
- Facebookグループに参加するためのボタンを追加する
- 初めて訪れる方を惹きつけるために、ウェルカムビデオを埋め込む
ランディングページのカスタマイズに関する完全なチュートリアルについては、WordPressでランディングページを作成する方法のステップバイステップガイドをご覧ください。
ステップ5：変更を保存する
ページに満足したら、画面右上にある保存ボタンと公開ボタンをクリックしてください。
これで、ページにアクセスして表示を確認できます。
方法2：プラグインなしでWordPressにFacebookページを追加する
次に、FacebookページをWordPressに追加するもう1つの効果的な方法、Facebookページプラグインの使用について説明します。
この方法も比較的簡単ですが、WordPressのページビルダーを使用する場合ほどカスタマイズ性は高くありません。また、コードスニペットをコピーしてサイトに貼り付ける必要があります。
ステップ1：Facebookページプラグインを取得する
まず、Facebookページプラグインのウェブサイトにアクセスします。ここでページの詳細を入力し、ウェブサイトに埋め込むコードを生成します。
ステップ2：Facebookページプラグインを設定する
プラグインページには、Facebookページに関する詳細を入力できるフォームが表示されます。
FacebookページのURLを貼り付けたり、プラグインのカスタム幅と高さを入力したり、カバー写真を非表示にしたりできます。
ステップ3：Facebookページ埋め込みコードを生成する
必要な詳細を入力したら、コードを取得ボタンをクリックします。
Facebookは、ウェブページに貼り付けるためのJavaScriptおよびiFrameコードを生成します。ポップアップウィンドウで、iFrameオプションを選択し、埋め込みコードをコピーします。
ステップ4：Facebookページ埋め込みコードをWordPressに追加する
次に、このコードをWordPressブログに追加します。多くのサイトでは、Facebookアカウントページを新しい投稿またはサイドバーウィジェットに表示しているため、その方法を見てみましょう。
WordPress管理画面の外観タブに移動し、ウィジェットを選択します。
次に、プラスアイコンをクリックして新しいWordPressブロックを追加し、カスタムHTMLまたはテキストウィジェットを見つけます。このウィジェットをFBページを表示したいエリアに追加します。
最後に、Facebookによって生成されたHTMLコードをコピーし、ウィジェットエリアに貼り付けます。
これで、保存ボタンをクリックして変更を適用します。これにより、FacebookページがWordPressのサイドバーに表示されるはずです。
代わりにページまたは投稿に追加するには、ブロックエディターでページを開き、プラスボタンをクリックして新しいブロックを追加し、カスタムHTMLを検索して埋め込みコードをそこに貼り付けます。ページを公開すると、Facebookフィードが配置した場所に表示されます。
表示されない場合：まず、Facebookページが公開されており、入力したURLが正しいことを確認してください。セキュリティプラグインまたはキャッシュプラグインが外部スクリプトをブロックしている場合は、一時的に無効にしてテストしてみてください。FacebookのJavaScript埋め込みはブロックされることがあるため、その場合はステップ3のiFrameコードに切り替えてください。また、埋め込んでいるドメインがFacebookアプリの設定に登録されているドメインと一致していることを確認してください。
方法3：プラグインを使用してWordPressにFacebookフィードを追加する
Facebookに投稿するたびに自動的に更新される、動的でスタイリッシュなフィードが必要な場合は、Smash BalloonのカスタムFacebookフィードプラグインが最適です。これはこのユースケースで最も人気のあるソリューションであり、既存の任意のページ、投稿、またはサイドバーで使用できます。
そのFacebookフィードプラグインを使用すると、コードを書かずに、美しくフィルタリング可能なFacebook投稿のギャラリーを表示できます。設定方法は次のとおりです。
ステップ1：カスタムFacebookフィードプラグインをインストールする
WordPressダッシュボードで、プラグイン » 新規追加に移動し、Custom Facebook Feed by Smash Balloonを検索します。無料バージョンをインストールして有効化します。
有効化すると、ダッシュボードに新しいFacebook Feedメニュー項目が表示されます。
ステップ2：Facebookアカウントを接続する
Facebook Feed » 新規追加をクリックしてセットアップウィザードを開始します。Facebookアカウントの接続を求められます。Connect to Facebookをクリックし、必要に応じてログインして、プラグインにページにアクセスする権限を付与します。
このプラグインは読み取り専用アクセスのみを要求するため、代わりに投稿する機能なしで投稿を表示できます。
ステップ3：Facebookページを選択する
接続後、管理しているFacebookページのリストが表示されます。表示したいページを選択し、次へをクリックします。次に、ウィザードでフィードの種類（タイムライン、写真、イベント、またはビデオ）を選択できます。サイトでどのように表示されるかをプレビューできます。
ステップ4：ショートコードをコピーするか、ブロックを追加する
フィードが設定されると、Smash Balloonは[custom-facebook-feed]のようなショートコードを提供します。WordPressブロックエディターを使用している場合は、専用のFacebook Feedブロックを使用することもできます。
フィードを保存し、ショートコードまたはブロック名をメモします。次のステップで、サイトにフィードを配置するために使用します。
ステップ5：ページにフィードを配置する
フィードを表示したいページまたは投稿を開きます。ブロックエディターを使用している場合は、+ボタンをクリックし、Facebook Feedを検索して、ドロップダウンからフィードを選択します。ショートコードを使用している場合は、Shortcodeブロックを追加して貼り付けます。
サイドバーにフィードを追加するには、外観 » ウィジェットに移動し、Shortcodeウィジェットを追加してショートコードを貼り付け、保存します。ページを公開すると、配置した場所にライブFacebookフィードが表示されます。
WordPressにFacebookページを追加することに関するFAQ
次に、WordPressサイトをカスタマイズするその他の方法を発見する
このガイドが、WordPressにFacebookページを追加する方法を学ぶのに役立ったことを願っています。SeedProdを使用すると、WordPressサイトをカスタマイズする他の方法はたくさんありますが、1つの投稿にすべてを記載することはできません。
そこで、WordPressのカスタマイズに関するトップガイドをいくつかご紹介します。
- WordPressのメニューのスタイルを簡単にカスタマイズする方法3選
- カスタムWordPress著者ページを作成する方法（簡単な2つの方法）
- コンバージョンを促進するパーソナライズされたランディングページの作成方法
- WordPressにFacebook動画を埋め込む方法（簡単な3つの方法）
- WordPressでアニメーションParticle.js背景を作成する方法
お読みいただきありがとうございます！皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTube, X および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。
