Den ultimata guiden för att implementera Facebook-kommentarer på din blogg

Använda Facebook Kommentarer på din blogg ger dina läsare ett sätt att omedelbart kommentera inlägg, liksom att dela dem utan att behöva göra något arbete. Om du tycker att denna typ av kommentarsystem passar din publik, läs vidare för att få reda på hur du kan implementera den den rätta vägen.


Steg 1: Skapa en Facebook-app

Innan du faktiskt genererar Facebook Comments-koden och implementerar den på din blogg måste du skapa en app för din webbplats.

  1. Gå till developers.facebook.com
  2. Klick Apps
  3. Klick Skapa ny app
  4. Ange en App Display Name och namespace

På nästa skärm ser du din nyskapade app App ID och App Secret Key. Du behöver inte den hemliga nyckeln, men App ID kommer att användas senare. Notera det.

Under dessa nycklar, fortsätt och fyll i Kontakta E-post och App Domain (din blogg domän). Gå ner och klicka på Hemsida. Fyll i samma domän som du använde för App Domain. Klick Spara ändringar.


Steg 2: Sätt in Facebook-kommentarerskoden i ditt tema

I den här handledningen genomför vi Facebook-kommentarer tillsammans med standardversionen av WordPress-kommentaren istället för att ersätta den. Om du vill kan du gå vidare till Facebook-kodgeneratorens kod för att få koden du behöver för att infoga kommentarsystemet. Jag har dock tagit med den här så att du bara kan kopiera den. Du måste dock anpassa några delar av det, dock; Jag noterar vilka delar de är för varje block.

Kodblocket nedan ska placeras i ditt tema header.php fil. Hitta öppningen tag och klistra in blocket direkt under det. På den 6: e raden ska du ersätta "Ditt app ID här" med ditt app-ID.

 

Medan du fortfarande är i din header.php fil, gå upp i avsnitt och klistra in det här kvarteret någonstans. Det kommer att se till att Facebook Commenting-systemet på dina blogginlägg vet att det ägs av appen du skapade tidigare. Byt ut "Din app ID här" -bit med ditt app-ID (lämna citat på plats).

 

Nästa kodblock ska placeras i ditt tema comments.php fil. Eftersom vi genomför Facebook-kommentarer vid sidan av WordPress kommentarer, du kommer bara att klistra in den där du vill att Facebook-kommentarfältet ska visas, och du kommer inte att radera någon av de ursprungliga koderna.

 

Om du skapar din Facebook-kommentarskod från länken jag gav dig tidigare, i stället för att bara ta den från den här handledningen, kom ihåg att ändra data href attribut från den ursprungliga URL-adressen till , annars kommer Facebook kommentarer inte att fungera.

Du kan också redigera data num-inlägg, databredd, och datacolorscheme attribut till din smak. Den första definierar hur många kommentarer som ska visas på varje inlägg innan en användare behöver klicka på "See More", den andra definierar bredden på kommentarsystemet (ställ den till något något mindre än innehållets innehållsbredd) och den sista är Färgschemat, som kan ställas in på "ljus" eller "mörkt".


Steg 3: Visa den kombinerade Facebook och WordPress Kommentar Count

Ditt tema har sannolikt flera områden där det visar antalet kommentarer som finns på ett inlägg. Som standard visar det bara antalet WordPress-kommentarer. Eftersom du genomför Facebook-kommentarer tillsammans med WordPress-kommentarer nu vill du visa summan av kommentarerna från båda systemen på varje inlägg.

För att göra detta, öppna först upp ditt tema functions.php fil. Klistra in koden som visas nedan längst ned i filen och spara den.

 // Få kombinerad funktion för FB och WordPress-kommentarräkning full_comment_count () global $ post; $ url = get_permalink ($ post-> ID); $ filecontent = file_get_contents ('https://graph.facebook.com/?ids='. $ url); $ json = json_decode ($ filecontent); $ count = $ json -> $ url-> kommentarer; $ wpCount = get_comments_number (); $ realCount = $ count + $ wpCount; om ($ realCount == 0 ||! isset ($ realCount)) $ realCount = 0;  returnera $ realCount; 

Notera: Den här koden byggdes av en funktion som skrevs av Viceprez på WordPress Stack Exchange. Jag har helt enkelt lagt till ett par rader till sin ursprungliga funktion som lägger till i WordPress-kommentarräkningen. Tack Viceprez!

Nu när du har den funktion som läggs till i ditt tema kan du använda den för att ersätta de ursprungliga kommentarräkningsfunktionerna som används i ditt tema. I mitt tema kallas kommentarerna med den här koden:

 

Ditt tema kan använda denna funktion för att visa kommentarräkningen, eller det kanske inte. När du har hittat vad som helst gör visa den, ersätt den med den här koden:

 

Det kommer sannolikt att finnas flera platser inom ditt tema som du måste infoga den här koden. Här är en lista över de vanligaste:

  • De comments.php fil
  • Nära toppen av din single.php fil
  • De index.php - Det kommer att ligga i slingan som ringer varje inlägg
  • Alla arkivfiler som archive.php, category.php, author.php, etc. I detta kommer det att ligga i loop som kallar varje inlägg också.
  • search.php
  • page.php om du tillåter kommentarer på sidorna

Om kommentaren räknas i din comments.php Dokumenteras som en mening, i stället för bara ett nummer kan du använda koden nedan istället för ett linjelfunktionssamtal för att tillåta ord som "inga kommentarer" och "en kommentar". Jag har anpassat gruvan till att vara mer inbjudande - jag rekommenderar att du gör detsamma istället för att vara generiskt :)

 Inga kommentarer ännu - du bör starta diskussionen!';  annars om ($ commentCount == 1) echo '
En kommentar hittills - lägg till din!
'; annars echo '
'. $ commentCount. "kommentarer hittills - lägg till dina!
'; ?>

Steg 4: Få omedelbara meddelanden om nya kommentarer

Den sista delen av handledningen visar hur du får Facebook-meddelanden när någon kommenterar din blogg.

Först måste du komma åt moderatpanelen för kommentarer. Du kan göra det genom att klistra in följande webbadress i din webbläsare och ersätta "Ditt app ID här" med ditt app-ID. Du kanske också vill lägga till den här sidan i dina bokmärken när du är på den.

https://developers.facebook.com/tools/comments/?id=Your App ID Here

När du är på din modereringspanel för kommentarer, klicka på inställningar knappen i övre högra hörnet. Ett fönster kommer upp, och du borde se en moderatorer fält i mitten av det. Lägg bara till dig som moderator, och du börjar bli notications när någon kommenterar på ett blogginlägg.


Slutsats

Om du har följt alla steg i den här handledningen bör din blogg nu ha Facebook-kommentarer implementerade direkt tillsammans med standardversionen av WordPress-kommentaren. Jag tror att detta är en idealisk inställning, eftersom det ger dina läsare det bästa av båda världarna; Facebook Kommentarer är förmodligen det mest praktiska kommentarsystemet där ute, om en läsare är inloggad på Facebook (de är troligtvis), så finns det absolut inga autentiserings- eller identifieringsfält att fylla i. De kan bara kommentera bort. Om en läsare inte vill använda Facebook, eller vill lägga till sin länk eller få kommentarsfördelar, kan du ändå låta dem använda WordPress-kommentarer.

Du har nu också en kommentarräkning för varje inlägg som visar summan av kommentarerna från varje system och eftersom du är moderator för din app får du omedelbara meddelanden om nya kommentarer. Jag hoppas att du njuter av din nya och förbättrade kommentarlösning!