Adăugați comentarii Facebook la tema dvs. Wordpress

Facebook a lansat plug-in-urile sociale pentru dezvoltatori în 2010. Știți cel puțin unul dintre ei, butonul "ca" pe care îl vedeți pe o mulțime de postări de pe tot cuprinsul rețelei (ca acesta, grațioză!). Astăzi ne concentrăm asupra sistemului de comentarii. Adăugarea de comentarii Facebook permite utilizatorului să comenteze pe blogul dvs. utilizând contul său Facebook. Nu este nevoie ca el să introducă numele și adresa de e-mail sau chiar să înregistreze un cont pe site-ul dvs..


Beneficiile adăugării comentariilor prin Facebook

Nu voi împinge prea tare dacă aveți sau nu nevoie de această caracteristică pe propriul dvs. blog. Fiecare site are propriul set de priorități și bune practici. Dar, de dragul argumentului, să ne uităm la avantajele adăugării comentariilor Facebook pe site-ul dvs. WordPress.

Iată o listă de caracteristici:

  • Notificare Facebook pentru aprecieri / răspunsuri la comentarii
  • Comentariile pot fi postate pe peretele Facebook cu un singur clic
  • Răspunsurile la comentariul de pe perete vor fi afișate și pe site-ul dvs.
  • Autentificarea utilizatorilor prin Facebook sau servicii precum Yahoo !, AOL & Hotmail
  • Filtru de gramatică (adaugă semne de punctuație, trimișează spații albe, rezolvă greșeli comune de gramatică etc.)
  • Mai puțin trolling, mai multe discuții

Cum functioneazã?

Dacă un utilizator deschide o postare cu Facebook Comentarii pe pagină, scriptul verifică dacă utilizatorul este conectat la Facebook. Acest lucru se întâmplă într-un iframe, astfel încât nici un fel de date nu este transferat efectiv pe serverul dvs. Singurele informații de care are nevoie scriptul de pe site-ul tău este un ID de aplicație Facebook și adresa URL completă a postării. Cu ID-ul aplicației, Facebook verifică dacă utilizatorul are permisiunea de a modera comentariile sau de a schimba setările pentru caseta de comentarii. Adresa URL este utilizată pentru a găsi comentariile pe serverele Facebook. Dacă utilizatorul nu este conectat la Facebook, el se poate conecta direct din caseta de comentarii.

Acum, să adăugăm caseta de comentarii temei.


Creați o aplicație Facebook

Pentru a adăuga o casetă de comentarii Facebook, va trebui mai întâi să creați un App pentru Facebook. Accesați https://developers.facebook.com/apps/ și creați o aplicație nouă. Introduceți un nume și definiți locația pentru aplicație. Numele nu este crucial, pentru că nu va apărea pe site. Asigurați-vă că puteți identifica aplicația mai târziu, dacă aveți mai multe site-uri web cu comentarii Facebook activate.

Acum puteți vedea o imagine de ansamblu a aplicației dvs. Puteți modifica numele, localizarea și alte informații. Deoarece aplicația nu va fi publicată în Directorul de aplicații, nu este necesar să completați celelalte câmpuri. Important este ID-ul aplicației pe care îl puteți găsi în partea de sus a paginii. Atunci când adăugăm codul la temă, vom avea nevoie de identificatorul ulterior.

Persoana care a creat aplicația este Administrator și, prin urmare, poate să modereze comentariile în mod implicit. Pentru a adăuga un alt Administrator, faceți clic pe roluri în partea stângă. Trebuie să fii prieten cu persoana pe care vrei să-i atribuiți rolul de administrator.

De asemenea, este necesară configurarea adresei URL și a domeniului. Click pe Web în panoul de navigare din stânga și introduceți adresa URL completă în blogul dvs. ca adresă URL a site-ului. Numele de domeniu este URL-ul de bază. De exemplu: dacă blogul dvs. este găzduit la http: //somecooldomainname.tld/mike/my-blog, totul ar fi adresa URL a site-ului și somecooldomainname.tld este domeniul în sine.


Adăugați codul la tema dvs.

Adăugarea comentariilor durează doar 4 linii de cod.

Adăugarea ID-ului aplicației

Trebuie să adăugați ID-ul aplicației Facebook la dvs. header.php fișier în cadrul etichetă. Și trebuie să înlocuiți "ID-ul dvs. de APP" cu ID-ul din aplicația nouă creată.

 

Iată un exemplu de .

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

După cum puteți vedea, ID-ul aplicației a fost adăugat direct după setul de caractere din secțiunea cap.

Crearea casetei de comentarii

Să vedem mai întâi codul.

 
the_permalink () ne permite să atribuim dinamic adresa URL corectă pentru fiecare postare. Dacă utilizați o adresă URL fixă, veți vedea aceleași comentarii pentru fiecare postare / pagină. Doar pentru distracție, încercați să utilizați "http: // localhost" ca adresă URL. Veți primi o eroare de la Facebook că pagina nu este accesibilă, dar va funcționa în continuare. Și după cum puteți vedea, există comentarii de la alți dezvoltatori care au folosit aceeași adresă URL pentru testare.

De asemenea, trebuie să modificați opțiunea lăţime (în px) pentru a vă potrivi temei. Această opțiune definește lățimea întregii casete de comentarii. Există o altă opțiune numită NUM_POSTS. Cu ajutorul acestuia puteți defini cât de multe comentarii sunt afișate în mod implicit. Dacă există mai multe comentarii, atunci sunt definite în NUM_POSTS, va afișa un link pentru a afișa mai multe.

Plasarea casetei de comentarii

Este mai ușor să modifici comments.php. Desigur, acest lucru este diferit în fiecare temă, deci pur și simplu urmați regulile de bază.

Afișați doar comentariile dacă:

  • Postul / pagina nu este protejat prin parolă sau a fost introdusă parola corectă
  • Comentariile sunt permise în postare / pagină

Am modificat fișierul comments.php din tema implicită "Twenty Ten" ca exemplu:

 

Puteți vedea un mesaj de eroare deasupra primului comentariu. A apărut pentru că am sunat în caseta de comentarii de la serverul meu web local prin http: // localhost / wordpress / p = 1 și Facebook nu se poate conecta la acesta. Deci, cum arată online? Aceasta este opinia pentru un administrator.

Dacă comparați captura de ecran cu cea de mai sus, veți vedea opțiuni suplimentare. Chiar dacă am fost recunoscut ca fiind "eu" când am deschis pagina de pe serverul meu local, Facebook nu a putut ajunge la site-ul în sine. Acum, deoarece este online și Facebook poate ajunge de fapt la pagină, pot accesa opțiunile de admin pentru moderarea comentariilor și modificarea setărilor. Comentariile pot fi moderate fie pe fiecare pagină de post, fie pe toate comentariile deodată aici http://developers.facebook.com/tools/comments.

În pagina de setări puteți defini dacă comentariile sunt vizibile pentru oricine imediat sau dacă doriți să le verificați mai întâi. De asemenea, puteți să creați o listă neagră pentru cuvinte proaste, să permiteți autentificarea prin intermediul unui furnizor extern (a se vedea mai jos) și să activați o corecție simplă de ortografie.

În cazul în care un utilizator non-administrator examinează comentariile, acesta va vedea următoarele:

Dacă decideți să postați comentariul pe perete, acesta va fi afișat astfel:

Trebuie să existe o sesiune deschisă pentru a autentifica utilizatorul. Dacă utilizatorul nu este conectat, se poate conecta la Facebook sau poate utiliza un serviciu diferit (Yahoo !, AOL sau Hotmail) pentru a se autentifica.

După cum am spus, permiterea serviciilor terță parte pentru autentificare este opțională și poate fi dezactivată în setări.


Afișați numărul de comentarii

Numărul de comentarii va fi afișat în partea superioară a casetei de comentarii, unde puteți schimba și ordinea în care ar trebui să apară comentariile. Numărul de comentarii poate fi, de asemenea, afișat utilizând această iframe.

 

Acesta vă va oferi clasic Facebook bule de vorbire și textul $ n comentarii, totul vine pe Facebook albastru.

Dacă doriți să modificați stilul numărului de comentarii, încercați să utilizați metodă:

 > comentarios

Acest lucru ar trebui să aibă ca rezultat o a cu numărul de comentarii. De exemplu $ n comentarios. Cu toate acestea, până acum nu am putut afișa comentariul în acest fel.

Vă mulțumim pentru lectură și nu ezitați să puneți întrebări în comentarii.

  • Mai multe informații despre pluginurile sociale Facebook: http://developers.facebook.com/docs/plugins/
  • Pagina separată pentru moderarea comentariilor http://developers.facebook.com/tools/comments
Cod