WordPressにFacebookコメントをインストールして設定したいですか？
Facebookは世界最大のソーシャルネットワークです。そのため、多くのWordPressブログは、ソーシャルメディアプラットフォームでの認知度を高め、より多くのオーディエンスにリーチするために、サイト上でFacebookコメントを使用しています。
この投稿では、WordPressにFacebookコメントを簡単にインストーラし、設定する方法を順を追って紹介します。
WordPressでFacebookコメントを使う利点と欠点
チュートリアルを始める前に、初期設定のWordPressコメントと比較してFacebookコメントを使用することの長所と短所を説明しましょう。
Facebookコメントを使用する最も明白な利点の一つは、Facebook上であなたのサイトの可視性を高める可能性があることです。
誰かがあなたのWordPressサイトにコメントを残すと、そのコメントをFacebookの友達と共有するために「Facebookにも投稿する」オプションをチェックすることができます。これは、あなたのサイトにさらなるトラフィックをもたらす大きな可能性を秘めています。
Facebookコメントを使うもう一つの利点は、匿名性がなくなることだ。そのため、ユーザーはFacebookのプロフィールと結びついているため、スパムコメントを残す可能性が低くなる。
しかし、これは大きなマイナス面にもなり得る。
ユーザーによっては、匿名が好きなのでFacebookのプロフィールを使ってコメントを残すことに抵抗を感じるかもしれません。
Facebookコメントを使用するもう一つの欠点は、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を使うことができる。
ただし、まだアプリを作成していない場合は、まず開発者向けメタ情報のページにアクセスし、開発者アカウントを作成する必要がある。
注： 開発者アカウントを作成する前に、Facebookアカウントへのログインをお忘れなく。
メタ情報開発者として登録したら、画面右上の「My Apps」リンクをクリックするだけです。
開発者のダッシュボードが表示されます。
ここから「Create App」ボタンをクリックし、プロセスを開始する。
アプリの作成」ページが表示されるので、アプリのタイプとして「ビジネス」オプションを選択してください。
次に、下部にある「次へ」ボタンをクリックして進みます。
その後、アプリ名と連絡に使用できるメールアドレスをプロバイダーとして提供する必要があります。
Facebookアプリに関する更新を受け取れるように、定期的にチェックするビジネスメールアドレスを必ず使用してください。
詳細を入力したら、「アプリを作成」ボタンをクリックします。
Facebookはあなたのために新しいアプリを作成し、アプリのダッシュボードにリダイレクトします。
画面左上にAPP IDが表示されています。
次に、Facebookにアプリの使い方を伝える必要があります。そのためには、左のカラムから設定 ” 基本のリンクに向かいます。
次に、ページ下部の「+プラットフォームの追加」ボタンをクリックする。
新しいポップアップウィンドウが開きます。
ここから、プラットフォームとして「サイト」オプションを選択し、「次へ」ボタンをクリックして続行します。
これにより、アプリの設定ページに新しい「サイト」セクションが追加されます。
ここでは、WordPressサイトのURLをコピー＆ペーストするだけです。その後、「変更を保存」ボタンをクリックしてください。
次に、APP IDをコピー＆ペーストして、WordPressダッシュボードのプラグイン設定ページにある「FB Application ID」ボックスに入力します。
設定が完了したら、下にスクロールして「変更をすべて保存」ボタンをクリックし、設定を保存します。
これで、上部のプラグイン名の横に新しい “Moderate Comments “タブが表示されます。次のセクションでFacebookコメントをモデレートする方法を説明します。
このプラグインには包括的なオプション設定も用意されている。何か変更したいことがあるかどうか、設定に目を通してみてください。
例えば、Load Commentsオプションを’On Scroll’に変更することができます。この設定により、誰かが投稿の最後に到達した時のみFacebookコメントシステムを読み込みます。これにより、ページの読み込み速度を向上させることができます。
それ以外は、初期設定でほとんどのサイトに対応できるはずだ。
これで、WordPressサイトのどの投稿日: でも、Facebookコメントシステムが動作しているのを見ることができます。
サイト上のFacebookコメントをモデレートする
Facebookアプリの管理者として、Facebookアカウントにログインすると、新しいコメントが通知されます。
また、WordPressダッシュボードのプラグイン設定ページに、コメントをモデレートするためのリンクがあります。
リンクをクリックすると、「コメントモデレーションツール」のページに移動します。
ここから「設定」リンクをクリックし、コメントするFacebookのモデレーション・ルールを設定する。
ポップアップが開きますので、「モデレーション・ルール」タブをクリックしてください。
コメントする文字数の上限を設定することができます。また、投稿日:後に自動的にコメントする日数を設定することもできます。
Facebookでは、コメントするモデレーターを追加することもできます。
モデレーター」タブをクリックし、名前をテキストボックスに入力してプロフィールをクリックするだけです。
設定が完了したら、「保存」ボタンをクリックして設定を適用します。
WordPressでFacebookのコメント数を表示する方法
Lazy Social Commentsプラグインを使うことの欠点の一つは、WordPressのコメントカウント機能を追い越してしまうことです。そうすることで、コメントカウントのFacebookブランドバージョンを出力します。
もしあなたのテーマがコメント数を表示するのであれば、これは見栄えが良くない。
それでもFacebookのコメント数を表示したい場合は、コード・スニペットの助けを借りてこれを行うことができる。
しかし、テーマファイルの編集中に小さなエラーを起こすと、サイトが壊れてしまう可能性があることを覚えておいてください。
あなたのサイトにコードを追加するには、WPCodeを使用することをお勧めします。WPCodeは、カスタマイザーコードを安全に追加できる、市場で最も優れたコードスニペットプラグインです。
まず、WPCode プラグインをインストールし、有効化する必要があります。詳しくは、WordPressプラグインのインストール方法の初心者ガイドをご覧ください。
注： このチュートリアルでは、無料のWPCodeプラグインを使用することができます。しかし、コードスニペットのクラウドライブラリや条件ロジックなど、より多くの機能をアンロックするには、プラグインのプレミアムプランが必要です。
プラグインを有効化したら、管理サイドバーからCode Snippets ” + Add Snippetページにアクセスします。
ここから、「カスタムコードを追加する（新規スニペット）」設定の下にある「スニペットを使用する」ボタンをクリックします。
カスタム・スニペットの作成」ページに移動したら、コード・スニペットの名前を入力します。
次に、画面右側のドロップダウンメニューから「コードタイプ」として「HTMLスニペット」を選択します。
その後、以下のコードをコピー＆ペーストして「コード・プレビュー」ボックスに入れてください：
<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments
次に、「インサーター」セクションまでスクロールダウンする必要がある。
ここから、挿入方法として「Auto Insert」を選択し、サイト上でコードが自動的に実行されるようにします。
その後、コード・スニペットの場所を選択しなければならない。
挿入場所はドロップダウンメニューから「コンテンツの後に挿入」を選択するだけです。
次に、ページのトップに戻り、「非活性化」スイッチを「有効化」に切り替える。
最後に「Save Snippet」ボタンをクリックして、設定を保存します。
Facebookのコメント数が投稿日ごとに表示されるようになりました。
方法2：SeedProdを使ってFacebookコメントを設定する（簡単）
Facebookコメントを簡単に設定する方法をお探しなら、この方法がおすすめです。
私たちは、市場で最高のWordPressページビルダープラグインであるSeedProd プラグインを使用します。このプラグインを使えば、コードを一切使わずにゼロからテーマやランディングページを作成することができます。
まず、SeedProd プラグインをインストールし、有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
注：SeedProdには無料版もあり、試すことができます。しかし、このチュートリアルではプレミアム版のプラグインを使用します。
有効化した後、管理サイドバーからSeedProd ” 設定ページにアクセスし、ライセンスキーを入力してください。
この情報は、SeedProdサイトのアカウントで確認できます。
次に、WordPressの管理サイドバーからSeedProd ” ランディングページセクションに移動し、「新規ランディングページを追加」ボタンをクリックします。
このチュートリアルでは、ランディングページにFacebookコメントを追加します。お望みであれば、SeedProdを使ってあなたのサイトに全く新しいテーマをカスタマイズすることもできます。
新規テンプレートの選択」画面が表示されます。ここでは、SeedProdが提供する多くの既成テンプレートの中から1つを選ぶか、独自のテンプレートを作成することができます。
ページ名を入力し、URLを選択します。保存してページの編集を開始する」ボタンをクリックしてください。
これでSeedProdドラッグ＆ドロップページビルダーが起動し、ページの編集を開始することができます。詳細については、WordPressでランディングページを作成する方法のガイドをご覧ください。
ここから、検索バーで「Facebookコメントする」ブロックを検索する必要がある。
見つけたら、「Facebookコメント」ブロックをページ上の好きな場所にドラッグ＆ドロップすることができる。
次に、画面上の「Facebookコメントする」ブロックをダブルクリックして、左カラムの設定を開きます。
ここから、表示するFacebookコメントの数、順番、配色、ターゲットURL、URLフォーマットなどを決めることができる。
Lazy Loading’トグルを’Yes’に切り替えることで、コメントを遅延ロードすることもできます。
次に、画面左上の「ページ設定」リンクをクリックする。
次に、「FacebookアプリID」オプションまでスクロールダウンし、FacebookアプリIDを入力します。
完了したら、上部にある「保存」ボタンをクリックするだけです。
WordPressサイトにFacebookのコメントが表示されるようになります。
ボーナス：WordPressの投稿にFacebookの「いいね！」リアクションを追加する
Facebookコメントを追加する以外に、WordPressブログの投稿にFacebookのようなリアクションを追加することもできます。これらのリアクションは、訪問者がブログ投稿について意見を表明するために使用できる絵文字のセットです。
そうすることで、ブログがより面白くなり、エンゲージメントを高めることができる。
これらのリアクションを追加するには、WP Reactions Liteプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。
有効化したら、WP Reactions ” Global Activationのページにアクセスし、’Customize Now’ボタンをクリックします。リアクションに追加したい絵文字を選択する画面が表示されます。
次に、「次へ」ボタンをクリックして先に進みます。ここでは、リアクションの配置を「投稿」と「コンテンツの後」から選択することができます。
そうすれば、ユーザーはあなたの記事を読み終えた後、Facebookのようなリアクションを追加したり、Facebookコメントを投稿したりすることができる。
プラグインでCTA、フォントカラー、枠線のスタイルを追加することもできます。設定が完了したら、’Save and Exit’ボタンをクリックして設定を保存することをお忘れなく。
これでFacebookのようなリアクションの追加は完了です。詳しくは、WordPressの投稿にFacebookのようなリアクションを追加する方法のチュートリアルをご覧ください。
この投稿がWordPressサイトにFacebookコメントをインストールし、設定するのにお役に立てば幸いです。WordPressでカスタムFacebookフィードを作成する方法や、サイトを成長させる最高のSEOプラグインのトップピックもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Uchiha says
Im having trouble using this into my wordpress site. Please help me
Nilesh says
Hey, great article and very useful. Can you link the comments to a Facebook post or page?
Patrice says
The facebook comments plug in is working on my site however I still see the wordpress comments. How do I remove the wordpress comments?
David chriss says
Hi Patrice,
You Can Disable Default WordPress Comment By Using This Plugin Disable Comments
Details:- Requires: 4.0 or higher
Compatible up to: 4.6.1
Last Updated: 2 months ago
Active Installs: 900,000+
If you have another Question Feel Free To Reply To This Email
Or You Can Read This WP Beginner Article https://www.wpbeginner.com/plugins/how-to-turn-off-or-disable-comments-in-wordpress-pages/
I Hope I Help Some One Today
Best Regards,
David Chriss
Charne Cronje says
Hi David, Hope you are well, Has this plug in for facebook comments been updated for the new wordpress 4.7.2? And perhaps you might also know of a pinterest plugin that doesnt just show the pictures but also the description below, which works with the latest version of WordPress.
Thank you
Charne
xx
Sara says
Hi. I want to know if it’s possible to make the comments on my fanpage’s articles appear directly on my website’s articles and vice versa. Thanks!
Zaharadeen Elfakkawy says
Anytime someone tried to comment they get ‘message failed’ error. Pls what’s the solution for thia
David chriss says
Hi,
Even me I Have That Common problem Please WP Beginner Help Us Or Any One can Help Us Please.
Please Help Us
Amit Jain says
Dear Team, What is the name of social share plugin you are using as i wish to install the same. It looks quite simple and sober. Regards, Amit Jain
sohib sanam says
thanks for share the update about facebok comment
Stelaras says
Do you know how i can change the position that the plugin is placed?
Ahmad Farisi says
Thx … but how to set notification to our facebook account if there is a new comment ?
Mahdi says
Hi Everyone, I was looking for a plugin who’s importing my facebook old comment from my facebook fanpage to my wordpress.
I tried this one but it’s not working, can anyone tell me how it works ?
I used another methode by commenting the embed comment and looks not really fine
Justin Enjo says
Hi WPBeginner – Quick question about Facebook Comments… How does it effect your SEO? Is it better to keep default WordPress comments or maybe Jetpack comments so that the comment content stays attached to your blog rather than fb? thanks.
WPBeginner Support says
Default WordPress comments are more SEO friendly in our opinion.
管理者
Pram says
I can’t find the plugin?
Aman says
This plugin is installed on my site and I have also activated coments mirroring for my page but still comment mirroring is not happening?
Do you know the way around to do this?
anish says
i have a site
Daniela says
Hello very well explained!! But I have a problem! The comments should show also on my fan page write? …..
……I did everything and I get my comments on my wordpress but not SHOWING on my facebook page why?? Help !!!!!! Thanks a lot. Daniela
Vikagutt says
I can’t get the plugin to work in Internet explorer. I can see from other threads on the net that others have the same experience. Some say that header.php should be modified, but I can’t figure out where in the file.
What to do?
Tabetha says
I set up this plugin with a test app. Right before I was due to launch the website, I had to switch over to the new app that was set up for the business the website was built for. When I changed the app ID to the new app, all of the comments kept going to the old app I set up for testing purposes. Even after I deleted the old app, deleted and reinstalled the plugin and verified that the correct app ID was being used in the api call.
Now, I have no way to moderate the comments because that old app is deleted and all the new comments are going to that old app even though the app ID I have in the plugin settings is for the new app ID.
Any ideas?
Steve says
..that facebook plugin is not updated since 11 months. Moreover, the plugin is made by some developer, and not Facebook. It does not feel very safe to use that plugin. Do you have any alternatives?
WPBeginner Support says
Sometimes plugin authors don’t feel the need to update a plugin because there is nothing changed or broken.
管理者
Rizwan says
Hi.. When i hyperlink another post from my wordpress blog to new post. All hyper links get shown below with ping back option. I don’t want them to show. Any advice?
mahendra says
great post !!! i have been searching for how to install facebook comments to my site. now i am going to use it on my site
thank you alot .
Paolo Euvrard says
ok, that’s all fine, I’ll switch to that from now on.
In order to disable the WordPress comments:
Settings >> Discussion >> uncheck “Allow people to post comments on new articles”
This applies to new posts that you will publish from now on.
To disallow comments from already publish posts:
Posts >> select them all and “Edit” under bulk actions and hit apply >> choose “do not allow” next to comments and hit update posts.
Autarka says
hey guys,
regarding to your plugin issues…
you need ipv6 addresses… without switching from ipv4 to ipv6 it isn´t working…
kindly, autarka
Mithilesh says
Not getting where to upload the plugin.
nacontact says
Hey, nice article, but I have some questions.
This blog here:
When you comment his facebook publication, it’s automatically commenting his blog, keeping the theme of the blog. When he comments his blog, it’s automatically commenting the facebook thread.
Any idea on how to do that?
Cheers,
Ramon says
Hello,
I would like exactly the same! Can’t find how to. Did you find the answer to this and would you want to enlighten me? What I’ve been Googling so far is things like:
“auto publish to facebook grab retrieve comments”
Thank you so much!
Greetings
Sara says
I have the same problem. Did you find a solution?
Cynthia Spencer says
I’m hoping it will help out with the user interaction on my site!
vimala says
But that just seemed to take me in a circle, and i never got what I needed.
Kenneth Adair says
There is NO Create App ID button here:
“Simply visit the Facebook Apps page and click on the create new app button. You will need to provide a name for your app and click on the Create App ID button.”
WPBeginner Support says
Follow the on screen instructions to create a new app.
管理者
Mark says
I just set it up and It’s pulling in 1200+ comments, but I’ve only just created my FB page and I have not comments on it yet. The stuff is from all over the place. How do I get it to just show my FB page’s comments
Rob says
I have exactly the same problem and will remove these coments now as it looks so fake. Anyone can see it is not genuine. What a disappointment! There are no instructions either about this, as far as I can see.
Esref says
Fake content is a big problem
Lisa says
Can I set up the comments to go with my Facebook page, or will it only work on my personal name feed?
Kanon Clifford says
How do you get rid of the default WordPress comments after the Facebook comments is installed? I have both showing up on my website…
Sarik Siddiqui says
How to remove the wp comments after this plugin has been installed
Sree says
I installed the plugin : i see the FB comments in edge but not always on chrome. some posts it appear some it does not.
second, even if i some one posts a comment on the webpost, it dont appear in FB and vice versa, the comment if posted on website, willbe visible there and not fb. and fb comments will be there , but not on website,
third i included the meta moderation tag with app id in header, but still icant see any moderation tool.
can u please help
Mike Bateman says
“Let’s have a personal and meaningful conversation.” That’s cute. Anyway, I went to a blog that had FB comments installed, and when I scrolled down to comments, there was my FB profile staring out at me. Automatically. I had never been to that blog before – had never even heard of it.
I don’t want that. I don’t want it at any time, in any place, ever. So how do I stop it short of dumping facebook, which is starting to look like a good idea?
Michaele says
Mike,
If you don’t want to see your FB profile staring at you in the comments area of websites, you need to be logged out of FB while surfing the net.
Simple solution!
Alejandro says
Hi, the moderation tool doesn’t appear for me. I tried adding me as a moderator but it doesn’t work.
Can you help me please?
Juli Andrada says
Is there a way to recover lost fb comments after theme change?
Thank you ,
Juliana.
Stella Busolo Khachina says
Can it work with WordPress.com?
WPBeginner Support says
No.
管理者
Karolyn says
Hi! I dont know if its a facebook bug, but I installed the pluggin in my blog and it doesnt only shows the box for the comments for my posts but it also shows the bok with all the facebook developers page commets. Please help!!!
Stefan Badita says
It is not working on my blog
i followed the steps, and on my section of comments and setting is not shown FACEBOOK
Sanwal says
Thanks for the help. Its take max 5 minutes to do all these steps. Thanks a lot..
John Lee says
Any way to enable “Also post to Facebook” by default? to it is checked?
Thanks,
John
Richard says
Same problem. I want it checked by default.
Flavia says
Hi, this was very helpful, but there’s one thing – I don’t get any notification about the comments, I didn’t receive a message on facebook or wordpress or email.
Do I have to change something in the settings? I didn’t find anything.
Thanks,
Flavia
WPBeginner Support says
Yes unfortunately Facebook comments are not synced with your WordPress.org comments.
管理者
Michaele says
Flavia,
I have the same problem. I have added myself as a moderator for comments under settings in developer tools. Yet I never receive any notifications for comments left on sites I moderate.
It seems that Facebook expects us to click on every single post on every site we moderate, every day to check if there is a comment to moderate. Hugely frustrating!
Clave Jones says
Same problem here. I don’t receive notifications anywhere of new comments. Surely I’m not expected to click around to every post, hoping to discover where new comments appear. Any guidance?
christina says
i followed all the directions and i can post via facebook on my blog, but it doesnt show my comment on facebook. Isn’t it supposed to post my comment to facebook as well or have i misunderstood something.
WPBeginner Support says
You will need to choose the option ‘Also post to Facebook’.
管理者
Nancie says
Thanks very much for this tutorial
I just have one question. It appears that the plugin has not been updated for four years. Could I run into compatibility problems with my theme?
Thank you!
WPBeginner Support says
The plugin was updated last month
管理者
Pranish Shrestha says
I activated facebook comments, but my post show option for both wp default comment and fb comment box. how to completely deactivate wp defalut comment and show only fb commnt box.
Help plz.
Thanks
Kelly Scott says
Hey @Syed Balkhi,
Is it possible to install Facebook comments without plugin? I past comment code after related post but the same comments showing in all articles
You can check the result at
Can i do without plugins?
Thanks
polisiye says
Hi did you figure out this because I am having the exactly the same issue on my blog
Fiona says
Hi again,
Can comments be hidden? I’m concerned that, if a lot of comments are posted (I wish, and I don’t want to limit to 5), that the plethora will clutter the page!
Thanks again,
Fiona
Doug says
I notice that this article, like most, has a “share this article” feature. Is this possible to add to my Word Press blog site so users can share it on social media?
WPBeginner Support says
You can use Floating Social Bar plugin for that.
管理者
Barbara Hernandez says
I hope you can help me.
I’m In the process of installing the Facebook comments plug-in to my wp website. It is asking me to put an APP ID how do I go about getting this – I tried going through – But that just seemed to take me in a circle, and i never got what I needed. Is there some other way to get this information for the setup phase.
WPBeginner Support says
Do you see a Create New App button when you visit Facebook Developers website?
管理者
Indigo says
I did this, but the comments only show from “post on Facebook” to me, because my app is listed as “in development.” It wants me to submit the app for review, even though I have no real app, just trying to use this plug in. How are people getting past this? So long as in development, no one but people in app roles can see anything posted to Facebook by the app. Thanks in advance for your help.
Joseph says
Hi… I guest the comment notifications doesn’t show up by default.
By the way, is this the recommend Facebook comment plugin? Any other alternative that you recommend?
I notice that WPBeginner doesn’t use Disqus any more. Just curious what comment plugin are you using now and why?
Regards,
Joseph
WPBeginner Support says
We are using default WordPress comments.
管理者
Patricia says
Just installed the plugin. Thanks for this tip!
Munir Kamal says
How to port facebook comment to new domain if a website is transferred to a new domain?
Is it possible?
Thanks,
Munir