Den ultimate guiden til å implementere Facebook-kommentarer på bloggen din

Bruk av Facebook Kommentarer på bloggen din gir deg lesere en måte å øyeblikkelig kommentere på innlegg, så vel som å dele dem uten å måtte gjøre noe arbeid. Hvis du mener at denne typen kommentarsystem passer til publikum, les videre for å finne ut hvordan du kan implementere det den riktige måten.


Trinn 1: Opprett en Facebook-app

Før du faktisk genererer Facebook Comments-koden og implementer den på bloggen din, må du opprette en app for nettstedet ditt.

  1. Gå til developers.facebook.com
  2. Klikk Apps
  3. Klikk Opprett ny app
  4. Skriv inn en App Display Name og namespace

På neste skjerm ser du nyopprettede apper App ID og App Secret Key. Du trenger ikke den hemmelige nøkkelen, men App ID vil bli brukt senere. Legg merke til det.

Under disse nøklene, fortsett og fyll ut Kontakt Epost og App Domain (bloggens domene). Gå ned og klikk på nettsted. Fyll ut det samme domenet du brukte for App Domain. Klikk Lagre endringer.


Trinn 2: Sett inn Facebook-kommentarkoden i temaet ditt

I denne veiledningen vil vi implementere Facebook-kommentarer ved siden av standard WordPress-kommentarsystemet i stedet for å erstatte det. Hvis du vil, kan du gå over til Facebook Comments-kodegeneratoren for å få koden du trenger for å sette inn kommentarsystemet; Jeg har imidlertid tatt med den her, så du kan bare kopiere den. Du må imidlertid tilpasse noen få deler av det, men; Jeg vil merke hvilke deler de er for hver blokk.

Kodenes blokk under skal plasseres i temaet ditt header.php fil. Finn åpningen merk og lim inn blokken rett under den. På den 6. linjen, erstatt "App-ID-en din her" med app-IDen din.

 

Mens du fortsatt er i din header.php fil, gå opp i delen og lim inn denne koden et sted. Det vil sikre at Facebook Commenting-systemet på blogginnlegget ditt vet at det eies av appen du opprettet før. Bytt ut "App ID ID Here" -biten med app-ID-en din (la sitatene være på plass).

 

Den neste kodeblokken skal plasseres i temaet ditt comments.php fil. Siden vi implementerer Facebook-kommentarer sammen WordPress kommentarer, du vil bare legge inn det der du vil at Facebook-kommentaren skal vises, og du vil ikke slette noen av de opprinnelige kodene.

 

Hvis du genererer Facebook-kommentarskoden fra lenken jeg ga deg tidligere, i stedet for å bare ta den fra denne opplæringen, husk å endre data-href attributt fra den opprinnelige nettadressen til , ellers Facebook Kommentarer vil ikke fungere.

Du kan også redigere data-tall-innlegg, data-bredde, og data-colorscheme attributter til din smak. Den første definerer hvor mange kommentarer som skal vises på hvert innlegg før en bruker må klikke "Se mer", den andre definerer bredden på kommentarsystemet (sett den til noe litt mindre enn innholdsområdets bredde), og den siste er fargeskjemaet, som kan settes til "lys" eller "mørkt".


Trinn 3: Vis kombinert Facebook og WordPress Kommentar Count

Ditt tema sannsynligvis har flere områder der det vil vise antall kommentarer det er på et innlegg. Som standard vil det bare vise antall WordPress-kommentarer. Siden du implementerer Facebook-kommentarer ved siden av WordPress-kommentarer nå, vil du vise summen av kommentarene fra begge systemene på hvert innlegg.

For å gjøre dette, må du først åpne temaet ditt functions.php fil. Lim inn koden som er vist nedenfor nederst på filen, og lagre den.

 // Få kombinert FB og WordPress kommentar tellefunksjon 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; hvis ($ realCount == 0 ||! isset ($ realCount)) $ realCount = 0;  returner $ realCount; 

Merk: Denne koden ble bygget av en funksjon skrevet av Viceprez på WordPress Stack Exchange. Jeg har rett og slett lagt til et par linjer til sin opprinnelige funksjon som legger til i WordPress-kommentertellingen. Takk Viceprez!

Nå som du har funksjonen lagt til temaet ditt, kan du bruke den til å erstatte de opprinnelige kommentartellingfunksjonene som brukes i hele temaet ditt. I mitt tema kalles kommentarene ved hjelp av denne koden:

 

Temaet ditt kan bruke denne funksjonen til å vise kommentartellingen, eller det kan ikke. Når du har funnet hva som helst gjør vis den, erstatt den med denne koden:

 

Det vil sannsynligvis være flere steder innenfor temaet ditt, som du må sette inn denne koden. Her er en liste over de vanligste:

  • De comments.php fil
  • Nær toppen av din single.php fil
  • De index.php - Det kommer til å ligge i løkken som kaller hvert innlegg
  • Alle arkivfiler som archive.php, category.php, author.php, etc. I dette vil det bli plassert i løkken som kaller hvert innlegg også.
  • search.php
  • page.php hvis du tillater kommentarer på sider

Hvis kommentaren teller i din comments.php er bekreftet som en setning, i stedet for bare et tall, kan du bruke koden nedenfor i stedet for en linjefunksjonssamtale for å tillate ord som "ingen kommentarer" og "en kommentar". Jeg har tilpasset min til å være mer innbydende - jeg vil anbefale at du gjør det samme i stedet for å være generisk :)

 Ingen kommentarer ennå - du burde starte diskusjonen!';  annet hvis ($ commentCount == 1) echo '
En kommentar så langt - legg til din!
'; annet echo '
'. $ commentCount. 'kommentarer så langt - legg til din!
'; ?>

Trinn 4: Få umiddelbare varsler om nye kommentarer

Den siste delen av opplæringen vil vise deg hvordan du får Facebook-varslinger når noen kommenterer på bloggen din.

Først må du få tilgang til moderatpanelet for kommentarer. Du kan gjøre det ved å lime inn følgende nettadresse i nettleseren din, og erstatte "App ID-IDen din" med app-IDen din. Du vil kanskje også legge til denne siden i bokmerkene dine når du er på den.

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

Når du er på moderatpanelet for kommentarer, trykker du på innstillinger knappen i øverste høyre hjørne. Et vindu vil komme opp, og du bør se en moderatorer feltet i midten av det. Bare legg deg til som moderator, og du vil begynne å få merknader når noen kommenterer på et blogginnlegg.


Konklusjon

Hvis du har fulgt alle trinnene i denne opplæringen, bør bloggen din nå ha Facebook-kommentarer implementert rett sammen med standard WordPress-kommentarsystemet. Jeg tror dette er et ideelt oppsett, da det gir leserne dine det beste fra begge verdener; Facebook Kommentarer er trolig det mest praktiske kommentarsystemet der ute, hvis en leser er logget på Facebook (de er mest sannsynlig), så er det absolutt ingen autentiserings- eller identifikasjonsfelter å fylle ut. De kan bare kommentere unna. Men hvis en leser ikke vil bruke Facebook, eller ønsker å legge til sin lenke eller få CommentLuv-fordeler, kan du likevel la dem bruke WordPress-kommentarer.

Du har også nå en kommentar for hvert innlegg som viser summen av kommentarene fra hvert system, og siden du er moderator for appen din, får du umiddelbare meldinger om nye kommentarer. Jeg håper du nyter din nye og forbedrede kommentarløsning!