Legg til Facebook kommentarer til Wordpress Theme

Facebook lanserte de sosiale pluginene for utviklere i 2010. Du vet alle minst en av dem, den "like" -knappen som du ser på mange blogginnlegg over nettet (som denne, unnskyld ordspillet!). I dag fokuserer vi på kommentarboksen. Ved å legge til Facebook-kommentarer kan brukeren kommentere på bloggen din ved hjelp av sin Facebook-konto. Det er ikke nødvendig for ham å skrive inn navn og e-postadresse eller til og med registrere en konto på nettstedet ditt.


Fordelene ved å legge til kommentarer via Facebook

Jeg vil ikke presse for hardt på om du faktisk trenger denne funksjonen på din egen blogg. Hvert nettsted har sitt eget sett med prioriteringer og beste praksis. Men, for argumentets skyld, la oss se på fordelene ved å legge til Facebook-kommentarer til ditt WordPress-nettsted.

Her er en liste over funksjoner:

  • Facebook-varsel for likes / replies to comments
  • Kommentarer kan sendes til Facebook-veggen med ett klikk
  • Svar på kommentaren på veggen vil også bli vist på nettstedet ditt
  • Brukerautentisering via Facebook eller tjenester som Yahoo !, AOL & Hotmail
  • Grammatikkfilter (legger til tegnsetting, trimmer ekstra mellomrom, reparerer vanlige grammatikkfeil etc.)
  • Mindre trolling, mer diskusjon

Hvordan virker det?

Hvis en bruker åpner et innlegg med Facebook Kommentarer på siden, kontrollerer skriptet om brukeren er logget inn på Facebook. Dette skjer i en iframe, så ingen data overføres faktisk til serveren din. Den eneste informasjonen skriptet trenger fra nettstedet ditt, er en Facebook App ID og den fullstendige nettadressen til innlegget. Med App ID Facebook sjekker om brukeren får lov til å moderere kommentarer eller endre innstillinger for kommentarfeltet. URL-adressen brukes til å finne kommentarene på Facebook-serverne. Hvis brukeren ikke er logget inn på Facebook, kan han logge inn direkte fra kommentarfeltet.

La oss nå legge til kommentarfeltet til temaet ditt.


Lag en Facebook App

For å legge til en Facebook-kommentarboks må du først opprette en Facebook-app. Gå til https://developers.facebook.com/apps/ og opprett en ny app. Skriv inn et navn og definer lokalen for appen. Navnet er ikke avgjørende, fordi det ikke kommer opp på nettsiden. Bare vær sikker på at du kan identifisere appen senere, hvis du har flere nettsteder med Facebook-kommentarer aktivert.

Nå kan du se oversikt over søknaden din. Du kan endre navn, lokal og annen informasjon. Siden programmet ikke blir publisert i App Directory, trenger du ikke å fylle ut de andre feltene. Viktig er det App ID som du finner på toppen av siden. Vi vil trenge ID senere når du legger til koden til temaet.

Personen som opprettet appen er administrator og kan derfor moderate kommentarer som standard. For å legge til en annen administrator klikker du på Roller på venstre side. Du må være venner med personen du vil tilordne administrasjonsrollen.

Det er også nødvendig å konfigurere Nettstedets URL og Domene. Klikk på web i venstre navigasjonsrute og skriv inn den fullstendige nettadressen til bloggen din som webadresse. Domenenavnet er basen URL. For eksempel: Hvis bloggen din er vert på http: //somecooldomainname.tld/mike/my-blog, Hele saken ville være nettstedadressen og somecooldomainname.tld er domenet selv.


Legg til koden til temaet ditt

Å legge til kommentarene tar bare 4 linjer med kode.

Legge til app-IDen

Du må legge til Facebook App ID til din header.php fil i stikkord. Og du må bytte ut "DITT APP ID" med ID fra det nyopprettede programmet.

 

Her er et eksempel på .

    <?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?>  

Som du kan se, er app-IDen lagt til direkte etter charsetet i hovedenheten.

Opprett kommentarfeltet

La oss se koden først.

 

JavaScript-anropet i den andre linjen har en lokalreferanse (en_US) i den. Hvis du vil at kommentarfeltet skal vises på et annet språk, kan du endre nettadressen. For eksempel http://connect.facebook.net/de_DE/all.js er for det tyske grensesnittet. Jeg har også funnet fr_FR og es_ES for Frankrike og Spansk å jobbe. Hvis du vil se om et annet språk støttes, kan du bare åpne lenken http://connect.facebook.net/de_DE/all.js i et nytt vindu og endre lokaliteten i URL-adressen. Du vil få en feil hvis lokalene ikke støttes.

Merket FB: kommentarer I den tredje linjen forteller du kommentarfeltet til å bare vise kommentarene for den definerte nettadressen. Bruk av WordPress-funksjonen the_permalink () lar oss dynamisk tildele riktig nettadresse for hvert innlegg. Hvis du bruker en fast URL, vil du se de samme kommentarene på hvert innlegg / side. Bare for moro skyld, prøv å bruke "http: // localhost" som URL. Du vil motta en feil fra Facebook at siden ikke er tilgjengelig, men den vil fortsatt fungere. Og som du kan se, er det kommentarer fra andre utviklere som brukte samme nettadresse for testing.

Du må også endre alternativet bredde (i px) for å passe temaet ditt. Dette alternativet definerer bredden på hele kommentarfeltet. Det er et annet alternativ som heter NUM_POSTS. Med den kan du definere hvor mange kommentarer som vises som standard. Hvis det er flere kommentarer, defineres det i NUM_POSTS, det vil vise en lenke for å vise mer.

Plasser kommentarfeltet

Det er lettest å endre comments.php. Selvfølgelig er dette annerledes i hvert tema, så følg bare de grunnleggende reglene.

Vis kun kommentarene hvis:

  • Posten / siden er ikke passordbeskyttet eller det riktige passordet er skrevet inn
  • Kommentarer er tillatt i innlegget / siden

Jeg endret comments.php filen fra standard temaet "Tjue Ti" som eksempel:

 

Som du kan se, viser vi kun kommentarfeltet hvis det ikke er noen passordbeskyttelse eller innlegget er offentlig (linje 9). Hvis kommentarene er stengt, vises en passende melding.


La oss se

Dette er standard temaet med Facebook Kommentarer aktivert.

Du kan se en feilmelding over den første kommentaren. Det virket fordi jeg ringte kommentarfeltet fra min lokale webserver via http: // localhost / wordpress / p = 1 og Facebook kan ikke koble til den. Så, hvordan ser det ut online? Dette er visningen for en administrator.

Hvis du sammenligner skjermbildet med det ovenfor, vil du se flere alternativer. Selv om jeg ble anerkjent som "meg" da jeg åpnet siden fra min lokale server, kunne Facebook ikke nå nettstedet selv. Nå som det er online og Facebook kan faktisk nå siden, kan jeg få tilgang til admin-alternativene for å moderere kommentarer og endre innstillinger. Kommentarene kan modereres enten på hver innleggsside eller alle kommentarer på en gang her over http://developers.facebook.com/tools/comments.

På innstillingssiden kan du definere om kommentarer er synlige for alle med en gang, eller hvis du vil sjekke dem først. Du kan også lage en svarteliste for dårlige ord, tillate innlogging via ekstern leverandør (se nedenfor) og aktivere en enkel stavekontroll.

Hvis en ikke-administrativ bruker ser på kommentarene, ser han følgende:

Hvis du bestemmer deg for å legge inn kommentaren til veggen din, blir den vist slik:

Det må være en åpen Facebook-sesjon for å godkjenne brukeren. Hvis brukeren ikke er logget inn, kan han enten logge inn på Facebook eller bruke en annen tjeneste (Yahoo !, AOL eller Hotmail) for å autentisere seg selv.

Som sagt, kan tredjepartstjenester for godkjenning være valgfritt og kan deaktiveres i innstillingene.


Vis antall kommentarer

Kommentarstellingen vises øverst i kommentarfeltet, hvor du også kan endre hvilken rekkefølge kommentarene skal vises i. Kommentarerstellingen kan også vises med denne iframe.

 

Det vil gi deg den klassiske Facebook-taleboblen og teksten $ n kommentarer, alt kommer i Facebook blå.

Hvis du vil endre stilen til kommentartellingen, kan du prøve å bruke metode:

 > comentarios

Dette skal resultere i a med antall kommentarer. For eksempel $ n comentarios. Men så langt var jeg ikke i stand til å vise kommentartellingen på denne måten.

Takk for at du leser og gjerne stille spørsmål i kommentarene.

  • Mer informasjon om Facebook sosiale plugins: http://developers.facebook.com/docs/plugins/
  • Separat side til moderate kommentarer http://developers.facebook.com/tools/comments