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!
NATHAN
And can the WP Comment section be customized to look like that of Facebook if one needs to redesign it?
WPBeginner Support
It would require some work but you could certainly style your comment section to look similar to Facebook’s
Administratör
David
Hi,
I set it up according to this article. Comments work, but I can’t see the comments in moderation. Every column including ”public” is empty. How can I delete published comments for example?
Thank you
David
WPBeginner Support
You would want to go into the plugin’s settings for the link to your comment moderation.
Administratör
Samantha Collier
Thank you for these instructions. I’ve tried to install Facebook comments for a long time and this is the first time it’s worked.
WPBeginner Support
Glad our guide was able to help
Administratör
Lisa Marie
Thanks so much for this! Your site is incredibly helpful! I appreciate what you all do sooooooooo much!!!!!
WPBeginner Support
You’re welcome, glad our articles have been helpful
Administratör
Boris
Awesome, Thanks!
WPBeginner Support
You’re welcome
Administratör
Daniel
Thanks. The plugin is very useful indeed.
It seems that the Plugin has changed its name to ”Lazy Social Comments”, and is being supported by other people.
WPBeginner Support
Thank you for letting us know, we’ll be sure to look at updating this
Administratör
malika
thanks for sharing useful information !
WPBeginner Support
You’re welcome
Administratör
Joseph Parker
As per my personal experience, Facebook Comment is one of the best ways to increase your visitors to comment on a post or interact with existing comments.
WPBeginner Support
Thanks for sharing your personal experience
Administratör
Ricky
Post comment error handle on same page ?
WPBeginner Support
If the plugin is having an error, if you reach out to the plugin’s support they should be able to assist
Administratör
priyank
really helpful. I tried the mentioned plugin and it totally worth it
WPBeginner Support
Glad our guide was helpful
Administratör
Muhammad Arslan
That plugin has been closed on author’s request. Please update the post.
WPBeginner Support
Thank you for letting us know, we will certainly take a look into updating the article.
Administratör
Mohammad
The Facebook plugin mentioned has been disabled by its author. Please update.
WPBeginner Support
Thank you for letting us know, we will certainly take a look into alternatives for Facebook Comments
Administratör
Jakobe
this plugin has been discontinued, what do you reccomend?
Editorial Staff
Just updated the article
Administratör
Prashanth
Was able to add the facebook comments plugin successfully. But, the default wordpress comments section is also showing below. How do I remove it?
Prashanth
Which plugin do you use for social sharing, that is below the posts (has the share counter too)
WPBeginner Support
Hi Prashanth,
We use a custom plugin for that. Please see our list of best social media plugins for WordPress for alternatives.
Administratör
Rajendra Zore
You may want to update this article as the plugin author of Facebook Comments has stopped supporting it & prompting to switch to the Spot.IM Comments plugin instead.
Raj
Dear Wpbeginner. Nice article. Installed FB comments. everything working fine. Is there any waty to enable ”Also post on Facebook” selecxt box?
Hosana
You need to review this article! The plugin you’re referring to is no longer being updated and is days away from breaking (when the older FB API will be deactivated). The developer started up spot.im which I guess he’ll have his hands full with.
Also I don’t really see any other good plugins for this, they all have a small install base, unsolved issues to which they aren’t responding, no proven compatability with latest wp version, …
WPBeginner Support
Hi Hosana,
Thanks for the suggestion we will look into it. You can also try to reach out to plugin developers for support.
Administratör
zhul
but how to change text color?
i used dark themes and i can’t see any comment
Elizabeth
Is there a way to turn off the comments on certain posts?
sam
how to mirror the facebook comment on facebook page with facebook comment on wordpress blogpost and vice versa?
Jenn
Thanks, this article was very helpful! I followed your instructions, and everything appears to be working on my site.
Chankey Pathak
This plugin does not work anymore.