Facebook är det största sociala nätverket i världen. Det är därför många WordPress bloggar använder Facebook comments på sina webbplatser för att öka synligheten på plattformar för sociala medier och nå en bredare publik.
Att lägga till Facebook-kommentarer på din WordPress-webbplats är ett bra sätt att göra dina diskussioner mer interaktiva. Genom att använda Facebook-kommentarer kan du även göra det enklare för besökare att kommentera utan att hantera flera konton.
På WPBeginner använder vi regelbundet sociala medier för att marknadsföra våra artiklar, tjänster och produkter och vi har sett positiva resultat. Fler människor besöker vår webbplats och utforskar våra erbjudanden. Därför rekommenderar vi starkt att du integrerar funktioner för sociala medier på dina webbplatser för att få ditt företag att växa.
I den här artikeln kommer vi att visa dig hur du enkelt installerar och ställer in Facebook comments i WordPress, steg för steg.
Pro och Contra med att använda Facebook Comments i WordPress
Innan vi börjar med tutorialen, låt oss täcka för- och nackdelar med att använda Facebook-kommentarer jämfört med standard WordPress kommentarer.
En av de mest uppenbara fördelarna med att använda Facebook comments är att det kan öka din websites synlighet på Facebook.
När någon lämnar en kommentar på din WordPress-webbplats kan de markera alternativet ”Lägg även upp på Facebook” för att dela sin kommentar med sina Facebook-vänner. Detta har en enorm potential för ytterligare trafik till din webbplats.
En annan fördel med att använda Facebook comments är att det tar bort anonymiteten. Så användare är mindre benägna att lämna skräppost kommentarer eftersom de är knutna till sina Facebook profiler.
Detta kan dock också fungera som en stor nackdel.
Vissa användare kan känna sig obekväma med att lämna en comment via sina profiler på Facebook eftersom de gillar att vara anonyma.
En annan nackdel med kommentarer på Facebook är att de ej lagras eller synkroniseras med WordPress. Däremot gillar tredjeparts kommentarsystem som Disqus synkroniseras med WordPress .
Om du dessutom har äldre inlägg med standard WordPress-kommentarer kan dessa kommentarer visas före eller efter Facebook-kommentarerna.
Därför rekommenderar vi att du tar bort WordPress-kommentarsystemet helt och hållet om du vill använda Facebooks kommentarsystem på din WordPress-blogg. Annars kan spammare och bots använda WordPress-kommentarer för att spamma din webbplats.
Nu när du känner till för- och nackdelarna ska vi ta en titt på hur du installerar och ställer in Facebook comments i WordPress:
Metod 1: Ställ in Facebook-kommentarer i WordPress med hjälp av ett plugin (gratis)
Först måste du installera och aktivera pluginet Lazy Social Comments. För mer instruktioner, se vår guide för nybörjare om hur du installerar ett plugin för WordPress.
Observera: Tänk på att detta plugin inte har testats med den senaste versionen av WordPress. Men när vi använde det på vår demowebbplats för utvärdering verkade det fungera bra. För mer information, se vår guide om föråldrade WordPress-plugins.
Efter aktivering, besök Settings ” Lazy FB Comments page från WordPress admin sidebar.
För att använda Facebook-kommentarer på din webbplats måste du skapa en Facebook-app och lägga till applikations-ID:t på plugin-programmets inställningssida.
Om du redan har en Facebook-app kan du använda dess ID.
Men om du inte har skapat en app ännu måste du först besöka Meta for Developers page och skapa ett utvecklares konto.
Note: Innan du skapar ett konto för utvecklare, glöm inte att logga in på ditt Facebook-konto.
När du har registrerat dig som en Meta utvecklare, klicka bara på länken ”Mina appar” i det övre högra hörnet av vyn.
Då kommer du till dashboarden för utvecklare.
Därefter klickar du bara på knappen ”Skapa app” för att starta processen.
Detta tar dig till sidan ”App Creation”, där du ska välja alternativet ”Business” som apptyp.
Klicka sedan på knappen ”Next” längst ner för att fortsätta.
Efter det måste du ange ett namn på appen och en email address som kan användas för att kontakta you.
Se till att använda en företags email address som du regelbundet kontrollerar så att du kan få updates om din Facebook App.
När du har fyllt i detaljerna klickar du på knappen ”Skapa app”.
Facebook kommer nu att skapa en new app åt dig och redirecta dig till appens dashboard.
You can see here your APP ID displayed in the top left corner of the screen.
Nu måste du berätta för Facebook hur du vill använda appen. För detta, head till Settings ” Basic link från den vänstra colonnen.
Klicka sedan på knappen ”+ Add platform” längst ner på sidan.
Detta öppnar ett new popup-fönster.
Härifrån måste du välja alternativet ”Website” som din plattform och sedan klicka på knappen ”Next” för att fortsätta.
This will add a new ’Website’ section to your app’s settings page.
Här är det bara att copy and paste din WordPress website’s URL. Därefter klickar du på knappen ”Save changes”.
Därefter måste du kopiera APP-ID:t högst upp och sedan klistra in det i boxen ”FB Application ID” på sidan för plugin-inställningar i din WordPress dashboard.
När du är klar rullar du ner och klickar på knappen ”Save All Changes” för att spara dina inställningar.
Nu kommer en new ”Moderate Comments” tabs att visas bredvid plugin-namnet högst upp. Vi kommer att förklara hur man granskar kommentarer på Facebook i nästa section.
Detta plugin kommer också med en omfattande uppsättning alternativ. Du kan gå igenom settings för att se om det finns något som du gillar att ändra.
Till exempel kan du ändra alternativet Ladda kommentarer till ”Vid rullning”. Denna inställning kommer att ladda systemet för kommentarer på Facebook endast när någon når slutet av artikeln. Detta kan bidra till att förbättra sidans laddningshastighet.
I övrigt bör standardinställningarna fungera för de flesta websites.
Nu kan du besöka vilken post som helst på din WordPress site för att se Facebook comment system i action.
Granska kommentarer på Facebook på din website
Som administratör av Facebook appen kommer du att få notifications om new comments när du loggar in på ditt Facebook account.
Du hittar också en länk för att granska kommentarer på pluginets inställningssida i WordPress dashpanelen.
När du klickar på länken kommer du till sidan ”Comment Moderation Tool”.
Klicka sedan på länken ”Settings” för att ställa in reglerna för moderation av kommentarer på Facebook.
Detta kommer att öppna en popup där du måste klicka på tabben ”Moderation Rules”.
You can decide the maximum character limit that will be allowed in a comment. You can also set the number of days after which the comments will be automatically closed on your posts.
Facebook allow you also to add new comments moderations.
Klicka bara på tabben ”Moderations” och lägg sedan till en person genom att skriva in namnet i textrutan och klicka på profilen.
När du är klar klickar du på knappen ”Save” för att tillämpa dina Settings.
Om du också vill se en video med de instruktioner som vi har gått igenom hittills kan du kolla in vår YouTube-handledning:
Så här displayed du antalet kommentarer på Facebook i WordPress
En av nackdelarna med att använda Lazy Social Comments plugin är att det tar över funktionen för att räkna kommentarer i WordPress. Genom att göra det matar det ut en Facebook-märkt version av antalet kommentarer.
Om your theme displayed a comment count, då skulle detta inte se bra ut.
Om du fortfarande vill visa antalet kommentarer på Facebook kan du göra det med hjälp av ett code snippet.
Tänk dock på att om du gör minsta error när du editerar dina theme-filer kan det förstöra din website.
Vi rekommenderar att du använder WPCode för att add to kod till din website. Det är det bästa code snippet plugin på marknaden som allow you att lägga till custom code på ett säkert sätt.
Först måste du installera och aktivera pluginet WPCode . För mer detaljer, se vår guide för nybörjare om hur du installerar ett plugin för WordPress.
Note : Du kan använda det gratis WPCode plugin för denna tutorial. Men för att låsa upp fler funktioner som ett molnbibliotek med code snippets, villkorlig logik och mer, behöver du premiumplanen för pluginet.
När pluginet har aktiverats, besök Code Snippets ” + Add Snippet page från admin sidebar.
Härifrån klickar du på knappen ”Use Snippet” under alternativet ”Add Your Custom Code (New Snippet)”.
När du är på sidan ”Create Custom Snippet” börjar du med att skriva ett namn för ditt code snippet.
Välj sedan ”HTML Snippet” som ”Code Type” från dropdown-menyn på höger sida av vyn.
Följ detta genom att copy and paste följande kod i boxen ”Code Preview”:
<fb:comments-count href="<?php echo get_permalink($post->ID); ?>"></fb:comments-count> Comments
Därefter måste du rulla ner till ”Insertion” -sektionen.
Välj sedan ”Auto Insert” som metod för att infoga koden så att den automatiskt körs på din website.
Efter det måste you välja en location för your code snippet.
Välj bara ”Insert After Content” som location i dropdown-menyn.
Gå nu tillbaka högst upp på sidan och toggle omkopplaren ”Inaktiverad” till ”Aktiv”.
Slutligen klickar du på knappen ”Save Snippet” för att spara dina Settings.
Your Facebook comment count kommer nu att visas på varje post.
Metod 2: Ställ in Facebook Comments med hjälp av SeedProd (Easy)
Om du letar efter ett enklare sätt att ställa in Facebook comments, då är den här metoden något för dig.
Vi kommer att använda SeedProd plugin, som är den bästa WordPress page builder plugin på marknaden. Det allow you att skapa themes och landing pages from scratch utan att använda någon kod.
Först måste du installera och aktivera pluginet SeedProd . För mer instruktioner, vänligen se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Note: SeedProd erbjuder också en gratis version som du kan prova. Vi kommer dock att använda premium-versionen av tillägget för denna tutorial.
Efter aktivering, besök SeedProd ” Settings page från admin sidebar för att enter license key.
You can find this information in your account on the SeedProd website.
Därefter headar du över till SeedProd ” Landing Pages section från WordPress admin sidebar och klickar på knappen ”Add New Landing Page”.
För denna tutorial kommer vi att lägga till Facebook-kommentarer till en landing page. Om du vill kan du också customize ett helt nytt theme för din website med hjälp av SeedProd.
Du kommer nu till vyn ”Välj en ny template”. Här kan du välja en av de många färdiga templates som erbjuds av SeedProd eller skapa din egen template.
När du har gjort det kommer du att bli ombedd att enter ett namn på page och välja en URL. När du har gjort det klickar du på knappen ”Save and Start Editing the Page” för att fortsätta.
Detta kommer att starta SeedProd drag and drop page builder, där du kan börja editera sidan. För mer detaljer, vänligen se vår guide om hur man skapar en landing page i WordPress.
Härifrån måste du söka efter blocket ”Facebook Comments” i sökfältet.
När du har lokaliserat det kan du drag and drop blocket ’Facebook Comments’ till vilken plats på sidan som du gillar.
Dubbelklicka sedan på blocket ”Facebook Comments” på vyn för att öppna dess inställningar i den vänstra kolumnen.
Härifrån kan du bestämma antalet Facebook comments som ska visas, välja order, färgschema, mål-URL, URL-format och mycket mer.
Du kan också lazy loade kommentarerna genom att toggle ”Lazy Loading” till ”Yes”.
Därefter måste du klicka på länken ”Page Settings” i det övre vänstra hörnet av vyn.
Sedan rullar du ner till alternativet ”Facebook App ID” och enter ditt Facebook App ID.
När du är klar klickar du bara på knappen ”Save” högst upp.
Kommentarerna från Facebook kommer nu att visas på din WordPress website.
Bonus: Add to Facebook gillar reaktioner till WordPress Posts
Förutom att lägga till Facebook-kommentarer kanske du också vill lägga till Facebook-liknande reaktionsalternativ till inläggen på din WordPress-blogg. Dessa reaktioner är en uppsättning emojis som besökare kan använda för att uttrycka sina åsikter om ett blogginlägg.
Detta gör din blogg mer intressant och kan öka engagemanget.
För att lägga till dessa reaktioner måste du installera och aktivera ShareThis Reaction Buttons
plugin. För mer information kan du se vår nybörjarguide om hur du installerar ett WordPress-plugin.
Efter aktivering besöker du sidan ”ShareThis” från WordPress instrumentpanel och klickar på knappen ”Aktivera verktyg”. Därefter väljer du de emojis som du vill lägga till som reaktioner.
Bläddra sedan nedåt för att välja inriktning för dina emojis. Därefter kan du växla mellan olika omkopplare för att välja dina reaktionsplaceringar som ”Längst ner i inläggets kropp”, ”Längst ner på sidans kropp” och mer.
När du är klar klickar du bara på knappen ”Update” för att spara dina inställningar.
Användare kan nu lägga till Facebook-liknande reaktioner och posta Facebook-kommentarer på dina artiklar efter att ha läst dem.
Mer information finns i vår handledning om hur du lägger till Facebook-liknande reaktioner i dina WordPress-inlägg.
Vi hoppas att den här artikeln hjälpte dig att installera och konfigurera Facebook-kommentarer på din WordPress-webbplats. Du kanske också vill kolla in vår guide om hur du visar de senaste kommentarerna i WordPress sidofält och våra toppval för de bästa kommentarspluginsen för att få din webbplats att växa.
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
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
Im having trouble using this into my wordpress site. Please help me
Nilesh
Hey, great article and very useful. Can you link the comments to a Facebook post or page?
Patrice
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
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
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
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
Anytime someone tried to comment they get ’message failed’ error. Pls what’s the solution for thia
David chriss
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
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
thanks for share the update about facebok comment
Stelaras
Do you know how i can change the position that the plugin is placed?
Ahmad Farisi
Thx … but how to set notification to our facebook account if there is a new comment ?
Mahdi
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
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
Default WordPress comments are more SEO friendly in our opinion.
Administratör
Pram
I can’t find the plugin?
Aman
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
i have a site
Daniela
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
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
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
..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
Sometimes plugin authors don’t feel the need to update a plugin because there is nothing changed or broken.
Administratör
Rizwan
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
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
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
hey guys,
regarding to your plugin issues…
you need ipv6 addresses… without switching from ipv4 to ipv6 it isn´t working…
kindly, autarka
Mithilesh
Not getting where to upload the plugin.
nacontact
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
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
I have the same problem. Did you find a solution?
Cynthia Spencer
I’m hoping it will help out with the user interaction on my site!
vimala
But that just seemed to take me in a circle, and i never got what I needed.
Kenneth Adair
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
Follow the on screen instructions to create a new app.
Administratör
Mark
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
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
Fake content is a big problem
Lisa
Can I set up the comments to go with my Facebook page, or will it only work on my personal name feed?
Kanon Clifford
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
How to remove the wp comments after this plugin has been installed
Sree
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
”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
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
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
Is there a way to recover lost fb comments after theme change?
Thank you ,
Juliana.
Stella Busolo Khachina
Can it work with WordPress.com?
WPBeginner Support
No.
Administratör
Karolyn
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
It is not working on my blog
i followed the steps, and on my section of comments and setting is not shown FACEBOOK
Sanwal
Thanks for the help. Its take max 5 minutes to do all these steps. Thanks a lot..
John Lee
Any way to enable ”Also post to Facebook” by default? to it is checked?
Thanks,
John
Richard
Same problem. I want it checked by default.
Flavia
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
Yes unfortunately Facebook comments are not synced with your WordPress.org comments.
Administratör
Michaele
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
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
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
You will need to choose the option ’Also post to Facebook’.
Administratör
Nancie
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
The plugin was updated last month
Administratör
Pranish Shrestha
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
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
Hi did you figure out this because I am having the exactly the same issue on my blog
Fiona
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
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
You can use Floating Social Bar plugin for that.
Administratör
Barbara Hernandez
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
Do you see a Create New App button when you visit Facebook Developers website?
Administratör
Indigo
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
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
We are using default WordPress comments.
Administratör
Patricia
Just installed the plugin. Thanks for this tip!
Munir Kamal
How to port facebook comment to new domain if a website is transferred to a new domain?
Is it possible?
Thanks,
Munir