WordPressでFacebookコメントをインストールして設定する方法

Facebookは世界最大のソーシャルネットワークです。そのため、多くのWordPressブログでは、ソーシャルメディアプラットフォームでの可視性を高め、より幅広いオーディエンスにリーチするために、ウェブサイトでFacebookコメントを使用しています。

WordPressサイトにFacebookコメントを追加することは、ディスカッションをよりインタラクティブにするための優れた方法です。Facebookコメントを使用すると、複数のアカウントを管理することなく、訪問者がコメントしやすくなります。

WPBeginnerでは、記事、サービス、製品のプロモーションにソーシャルメディアプラットフォームを定期的に使用しており、肯定的な結果を見てきました。より多くの人々が私たちのサイトを訪れ、私たちの提供物を探索しています。だからこそ、ビジネスを成長させるためにサイトにソーシャルメディア機能を統合することを強くお勧めします。

この記事では、WordPressにFacebookコメントを簡単にインストールして設定する方法をステップバイステップでご紹介します。

WordPressでFacebookコメントを使用するメリットとデメリット

チュートリアルを開始する前に、デフォルトの WordPress コメントと比較した場合の Facebook コメントを使用するメリットとデメリットについて説明しましょう。

Facebookコメントを使用する最も明白な利点の1つは、ウェブサイトのFacebook上での可視性を高める可能性があることです。

WordPressウェブサイトにコメントが投稿されると、コメント投稿者は「Facebookにも投稿する」オプションにチェックを入れることで、そのコメントをFacebookの友人と共有できます。これは、ウェブサイトへの追加トラフィックの大きな可能性を秘めています。

Facebookコメントを使用するもう1つの利点は、匿名性がなくなることです。そのため、ユーザーはFacebookプロフィールに紐付けられているため、スパムコメントを残す可能性が低くなります。

しかし、これは大きな欠点にもなり得ます。

一部のユーザーは、匿名性を好むため、Facebookプロフィールを使用してコメントを残すことに不快感を感じる場合があります。

Facebookコメントを使用するもう1つの欠点は、WordPressに保存または同期されないことです。対照的に、DisqusのようなサードパーティのコメントシステムはWordPressと同期します。

さらに、デフォルトのWordPressコメントが付いた古い投稿がある場合、それらのコメントはFacebookコメントの前または後に表示される可能性があります。

このため、WordPressブログでFacebookコメントシステムを使用したい場合は、WordPressのコメントシステムを完全に削除することをお勧めします。それ以外の場合、スパマーやボットはWordPressコメントを使用してウェブサイトにスパムを送信する可能性があります。

長所と短所がわかったところで、WordPressにFacebookコメントをインストールして設定する方法を見てみましょう。

方法1：プラグイン（無料）を使用してWordPressにFacebookコメントを設定する

まず、Lazy Social Commentsプラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください。

有効化したら、WordPress管理サイドバーから設定 » Lazy FB Commentsページにアクセスしてください。

ウェブサイトでFacebookコメントを使用するには、Facebookアプリを作成し、アプリケーションIDをプラグインの設定ページに追加する必要があります。

Facebookアプリを既にお持ちの場合は、そのIDを使用できます。

ただし、まだアプリを作成していない場合は、まずMeta for Developersページにアクセスして開発者アカウントを作成する必要があります。

Meta開発者として登録したら、画面右上にある「マイアプリ」リンクをクリックするだけです。

これにより、開発者ダッシュボードに移動します。

ここから、「アプリを作成」ボタンをクリックしてプロセスを開始します。

これにより、「アプリ作成」ページに移動します。ここで、アプリタイプとして「ビジネス」オプションを選択する必要があります。

次に、下部にある「次へ」ボタンをクリックして続行します。

その後、連絡先として使用できるアプリ名とメールアドレスを提供する必要があります。

Facebookアプリに関する更新を受け取れるように、定期的に確認するビジネス用メールアドレスを使用してください。

詳細を入力したら、「アプリの作成」ボタンをクリックします。

Facebookはあなたのために新しいアプリを作成し、アプリダッシュボードにリダイレクトします。

ここで、画面左上に表示されている APP ID を確認できます。

次に、Facebookでアプリをどのように使用するかを伝える必要があります。このためには、左側の列から設定 » 基本リンクに移動します。

次に、ページ下部にある「+ プラットフォームを追加」ボタンをクリックします。

新しいポップアップウィンドウが開きます。

ここから、プラットフォームとして「ウェブサイト」オプションを選択し、「次へ」ボタンをクリックして続行します。

これにより、アプリの設定ページに新しい「ウェブサイト」セクションが追加されます。

ここで、WordPressウェブサイトのURLをコピーして貼り付けます。その後、「変更を保存」ボタンをクリックします。

次に、上部にあるAPP IDをコピーして、WordPressダッシュボードのプラグイン設定ページにある「FB Application ID」ボックスに貼り付けます。

完了したら、下にスクロールして「すべての変更を保存」ボタンをクリックして設定を保存してください。

次に、一番上にあるプラグイン名の横に新しい「コメントのモデレート」タブが表示されます。次のセクションでFacebookコメントのモデレート方法を説明します。

このプラグインには、包括的なオプションセットも付属しています。設定を確認して、変更したいものがあるかどうかを確認できます。

たとえば、コメントの読み込みオプションを「スクロール時」に変更できます。この設定では、誰かが記事の最後に到達したときにのみFacebookコメントシステムが読み込まれます。これにより、ページの読み込み速度を改善することができます。

それ以外は、ほとんどのウェブサイトでデフォルト設定で問題なく動作します。

これで、WordPressサイトの任意の投稿にアクセスして、Facebookコメントシステムが機能していることを確認できます。

ウェブサイトでのFacebookコメントのモデレーション

Facebookアプリの管理者として、Facebookアカウントにログインすると新しいコメントの通知を受け取ることができます。

WordPressダッシュボードのプラグイン設定ページには、コメントを管理するためのリンクもあります。

リンクをクリックすると、「コメントモデレーションツール」ページにリダイレクトされます。

ここから「設定」リンクをクリックして、Facebook のコメントモデレーションルールを設定します。

これによりポップアップが表示され、「モデレーションルール」タブをクリックする必要があります。

コメントで許可される最大文字数を決定できます。また、投稿でコメントが自動的に閉じられるまでの日数を設定することもできます。

Facebookでは、新しいコメントモデレーターを追加することもできます。

「モデレーター」タブをクリックし、テキストボックスに名前を入力してプロファイルをクリックすることで、ユーザーを追加するだけです。

完了したら、「保存」ボタンをクリックして設定を適用します。

これまでの手順を動画でも確認したい場合は、YouTubeチュートリアルをご覧ください。

WordPress で Facebook コメント数を表示する方法

Lazy Social Commentsプラグインを使用する際の欠点の一つは、WordPressのコメント数機能を上書きしてしまうことです。これにより、Facebookブランドのコメント数バージョンが出力されます。

テーマにコメント数が表示される場合、これは見栄えが悪くなります。

Facebookのコメント数を表示したい場合は、コードスニペットを使用して行うことができます。

ただし、テーマファイルを編集する際にわずかなエラーを起こすだけで、ウェブサイトが破損する可能性があることに注意してください。

コードをウェブサイトに追加するには、WPCodeを使用することをお勧めします。これは、カスタムコードを安全に追加できる、市場で最高のコードスニペットプラグインです。

まず、WPCodeプラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください。

プラグインが有効化されたら、管理サイドバーから コードスニペット » + スニペットを追加 ページにアクセスしてください。

ここから、「カスタムコードを追加（新規スニペット）」オプションの下にある「スニペットを使用」ボタンをクリックします。

「カスタムスニペットを作成」ページに移動したら、コードスニペットの名前を入力することから始めます。

次に、画面右側のドロップダウンメニューから「コードタイプ」として「HTMLスニペット」を選択します。

その後、次のコードを「コードプレビュー」ボックスにコピー＆ペーストしてください。

<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments

次に、「挿入」セクションまで下にスクロールする必要があります。

ここから、挿入方法として「自動挿入」を選択すると、コードがウェブサイトで自動的に実行されます。

その後、コードスニペットの場所を選択する必要があります。

ドロップダウンメニューから「コンテンツの後で挿入」を場所として選択するだけです。

次に、ページの上部に戻り、「非アクティブ」スイッチを「アクティブ」に切り替えます。

最後に、「スニペットを保存」ボタンをクリックして設定を保存します。

各投稿にFacebookのコメント数が表示されるようになります。

方法2：SeedProdを使用してFacebookコメントを設定する（簡単）

Facebookコメントを簡単に設定する方法を探しているなら、この方法が最適です。

市場で最高のWordPressページビルダープラグインであるSeedProdプラグインを使用します。これにより、コードを使用せずにテーマやランディングページをゼロから作成できます。

まず、SeedProdプラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、管理画面のサイドバーから SeedProd » 設定 ページにアクセスしてライセンスキーを入力してください。

この情報はSeedProdウェブサイトのアカウントで見つけることができます。

次に、WordPress管理サイドバーから SeedProd » ランディングページ セクションに移動し、「新しいランディングページを追加」ボタンをクリックします。

このチュートリアルでは、ランディングページにFacebookコメントを追加します。必要に応じて、SeedProdを使用してウェブサイト全体の新しいテーマをカスタマイズすることもできます。

「新しいテンプレートを選択」画面に移動します。ここでは、SeedProdが提供する多くの既製のテンプレートのいずれかを選択するか、独自のテンプレートを作成できます。

それが完了したら、ページ名を入力し、URLを選択するように求められます。それを実行したら、「保存してページ編集を開始」ボタンをクリックして続行します。

これにより、SeedProdのドラッグ＆ドロップページビルダーが起動し、ページ編集を開始できます。詳細については、WordPressでランディングページを作成する方法に関するガイドをご覧ください。

ここから、検索バーで「Facebook Comments」ブロックを検索する必要があります。

見つけたら、「Facebook Comments」ブロックを好きなページ上の任意の場所にドラッグアンドドロップできます。

次に、画面上の「Facebookコメント」ブロックをダブルクリックして、左側の列でその設定を開きます。

ここから、表示するFacebookコメントの数、順序、配色、ターゲットURL、URL形式などを決定できます。

「遅延読み込み」トグルを「はい」に切り替えることで、コメントを遅延読み込みすることもできます。

次に、画面左上隅にある「ページ設定」リンクをクリックする必要があります。

次に、「Facebook App ID」オプションまでスクロールダウンし、Facebook App IDを入力します。

完了したら、上部にある「保存」ボタンをクリックするだけです。

FacebookコメントがWordPressウェブサイトに表示されるようになります。

ボーナス：WordPress投稿にFacebookいいね！リアクションを追加する

Facebookコメントを追加するだけでなく、WordPressブログの投稿にFacebookのようなリアクションオプションを追加することもできます。これらのリアクションは、訪問者がブログ記事に関する意見を表明するために使用できる絵文字のセットです。

これにより、ブログがより面白くなり、エンゲージメントを高めることができます。

これらのリアクションを追加するには、ShareThis Reaction Buttons
プラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関する初心者向けガイドをご覧ください。

有効化したら、WordPress ダッシュボードから「ShareThis」ページにアクセスし、「ツールを有効にする」ボタンをクリックします。その後、リアクションとして追加したい絵文字を選択します。

次に、絵文字の配置を選択するために下にスクロールします。次に、さまざまなスイッチを切り替えて、リアクションの配置を「投稿本文の下」、「ページ本文の下」などに選択できます。

完了したら、「更新」ボタンをクリックして設定を保存してください。

ユーザーは、記事を読み終えた後、Facebookのようなリアクションを追加したり、Facebookコメントを投稿したりできるようになりました。

詳細については、WordPressの投稿にFacebookのようなリアクションを追加する方法に関するチュートリアルをご覧ください。

この記事が、WordPressサイトにFacebookコメントをインストールして設定するのに役立ったことを願っています。また、WordPressサイドバーに最近のコメントを表示する方法に関するガイドや、ウェブサイトを成長させるための最高のコメントプラグインのトップピックも確認してください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。