Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog

Tags: Buton Like, Facebook, Mihai Dragomirescu

24 April 2010 la 12:02 29 4,473 vizualizari

Pentru cei care inca nu au aflat, Facebook a implementat zilele trecute cateva lucruri destul de interesante pentru utilizatorii retelei sociale, unul dintre acestea fiind si posibilitatea de a crea, edita si sharui documente de tip Word, Excel sau PowerPoint.

Vorbeam aseara cu Mihai Dragomirescu¹ despre o alta facilitate pe care Facebook o pune la dispozitia proprietarilor de site-uri de data aceasta, facilitate prin care acestia pot plasa in cadrul oricarei pagini un buton “Like”, buton pe care utilizatorii retelei sociale Facebook il pot folosi pentru a le semnala prietenilor lor articolele interesante de pe site-urile pe care le viziteaza.

Acest lucru se poate face manual, prin generarea unui cod in aceasta pagina pusa la dispozitie de catre Facebook, insa, pentru o automatizare a acestui proces, posesorii de WordPress self-hosted pot utiliza un cod ca cel de mai jos.

{code type=”html”}< iframe src="http://www.facebook.com/plugins/like.php?href=< ?php echo urlencode('http://'.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']) ?>&layout=standard&show_faces=true&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”>{/code}

* nota: pentru a functiona, trebuie sa stergeti doua spatii din codul de mai sus: cel dinainte de iframe si cel dinainte de ?php.

Codul poate fi plasat in single.php, de exemplu, dupa < ! --end post--> sau, in cazul in care nu aveti acest comentariu, dupa functia the_content(”);, in afara codului php.

Acesta nu numai ca iti afiseaza butonul “Like”, insa are si un counter ce numara cate Like-uri a primit articolul respectiv si afiseaza thimbs-urile prietenilor de pe Facebook carora le-a placut continutul articolului. Win-Win situation :-).

In cazul in care nu va descurcati, lasati un comentariu si am sa fac update-uri la acest articol in functie de necesitatile voastre. Puteti vedea/testa acest cod in productie imediat dupa nota de subsol.

Later edit: Intre timp am scos butonul Like de pe acest blog.

Note de subsol:
1. Mihai Dragomirescu, Owner @ UrbanKid.ro. LinkedIn | Blog | Twitter

Trimite prin email.

Despre autorul articolului

Constantin Cocioaba | Owner @ refresh.ro
Profil LinkedIn | Twitter | Blog personal

Autorul a scris 3481 articole. Vezi articolele scrise de Costin

Contact refresh.ro: contact@refresh.ro // 0730.142.148 // 0745.311.811

Comentarii

29 Responses to “Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog”

1
eCostin Says:
April 24th, 2010 at 9:02 am
Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://sp2.ro/a15df4 (refresh.ro)
via uberVU
2
florinhanu Says:
April 24th, 2010 at 9:03 am
Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://bit.ly/acWJ00
via uberVU
3
Blogulet Says:
April 24th, 2010 at 9:03 am
Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://bit.ly/acWJ00 #Blogosfera
via uberVU
4
irinel Says:
April 24th, 2010 at 9:03 am
Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://bit.ly/acWJ00 #Blogosfera
5
pyrroman Says:
April 24th, 2010 at 9:06 am
RT @eCostin: Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://sp2.ro/a15df4 (refresh.ro)
via uberVU
6
Sorin Izvercian Says:
April 24th, 2010 at 9:06 am
RT @eCostin: Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://sp2.ro/a15df4 (refresh.ro)
7
Laur Says:
April 24th, 2010 at 12:09 pm
Hmmm, daca sunt multe like-uri nu se incarca pagina cu prea mult text (nume de persoane) inutil?
8
sorin Says:
April 24th, 2010 at 12:18 pm
Ramane mult spatiu dupa mesajul de la facebook…In rest pare o chestie destul de interesanta:).
9
Eugen Says:
April 24th, 2010 at 12:23 pm
@Laur

Modifici show_face=true în show_faces=false.

@eCostin

Să spamez și eu un pic :D. Am scris un articol mai detaliat aici http://www.wptuts.ro/2010/04/facebook-like-button-in-wordpress/
10
Radu Boncea Says:
April 24th, 2010 at 1:37 pm
Spatiul ala mult dupa iframe se datoreaza unui bug la facebook. Trebuie sa setati height=60 pentru show_face=true sau 40 altfel. In codul de iframe height de la FB el este height= iar FB ii da default 100px.

Pentru cei interesati insa am scris un plugin pentru wordpress compatibil cu 2.* si il puteti gasi la http://raduboncea.ro/scripts/i-like-button-plugin/ si puteti configura toti parametrii facebook si dispozitia in pagina si rezolva si bugul mentionat.
11
webmyc Says:
April 24th, 2010 at 2:00 pm
RT @eCostin: Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://sp2.ro/a15df4 (refresh.ro)
via uberVU
12
Mihai Dragomirescu Says:
April 24th, 2010 at 2:00 pm
RT @eCostin: Cum poti amplasa un buton “Like” (Facebook) in cadrul articolelor de pe blog http://sp2.ro/a15df4 (refresh.ro)
13
A.Dragos Says:
April 24th, 2010 at 5:25 pm
Cum poti amplasa butonul "Like" pe orice pagina a blogului tau – http://bit.ly/bp8WeT (via @refreshro )
14
gclaudiu Says:
April 24th, 2010 at 5:28 pm
RT @AsafteiDragos: Cum poti amplasa butonul "Like" pe orice pagina a blogului tau – http://bit.ly/bp8WeT (via @refreshro )
via uberVU
15
Claudiu Says:
April 24th, 2010 at 5:28 pm
RT @AsafteiDragos: Cum poti amplasa butonul "Like" pe orice pagina a blogului tau – http://bit.ly/bp8WeT (via @refreshro )
16
Costin Says:
April 24th, 2010 at 5:45 pm
@Radu: dap, my mistake. Am uitat de height :-). Verific pe seara si plugin-ul! Multumesc pentru completari!
17
Costin Says:
April 24th, 2010 at 5:47 pm
@Laur este posibil sa se incarce mai greu, insa cu siguranta nu e inutil.

Ma gandesc ca este destul de important pentru un blogger sa-si cunoasca cat mai bine audienta, iar acele Like-uri sunt reactii pozitive la articolele pe care le scrie acesta. Si mai important decat acest lucru, aceste reactii au rolul de recomandare.
18
Laur Says:
April 24th, 2010 at 6:54 pm
Costin, sunt de acord ca te ajuta sa-ti cunosti audienta mai bine, dar in formatul actual la profilul meu FB ca cititor al blogului ajungi din 2 linkuri (nume + avatar), cred ca avatarul era suficient daca aparea. Imagineaza-ti inca 9 like-uri, deci 10 nume (20+ de cuvinte) si 10 avataruri…
19
Mihai Says:
April 26th, 2010 at 11:42 am
Yup – tare faza – am pus-o si eu la mine.
Aveam inainte un plugin de like care nu era corelat cu Facebook in nici un fel (doar ca butonul se chema tot like, pentru a intelege userii mai usor ce-i cu el) si pluginul respectiv imi oferea si un widget cu un top al posturilor cu cele mai multe like-uri. Se poate face asa ceva cu siguranta si cu Like-ul descris mai sus (care in plus are avantajul ca anunta actiunea de like si pe wall-ul profilului tau de pe Facebook) – intrebarea este CUM? :)
20
Mihai Says:
April 26th, 2010 at 1:51 pm
si inca o intrebare – ce setari suplimentare trebuie sa facem in codul respectiv ca sa avem mesajele default in limba romana? should be possible…
21
lelix Says:
April 26th, 2010 at 2:58 pm
the end
22
O implementare rapida, de test, a box-ului de comentarii Facebook | refresh.ro Says:
May 8th, 2010 at 5:08 am
[...] insereaza si butonul de Like, buton pe care l-am implementat in articolele de pe refresh.ro in urma cu 2 saptamani. Din aceasta cauza, doar pentru acest articol, acel feature va aparea de 2 ori. Share Trimite [...]
23
Anticalofilul Says:
June 10th, 2010 at 9:56 pm
pentru platforma blogger se poate?
24
Costin Says:
June 10th, 2010 at 11:34 pm
Nu am mai intrat in dashboard-ul de la Blogger de mai bine de 1.5 ani, insa din cate imi aduc aminte puteai sa editezi prin sidebar, cel putin. Banuiesc ca poti sa-l pui acolo.
25
sorin Says:
June 14th, 2010 at 11:22 am
De ce ai renuntat la butonul “like”? :)
26
Costin Says:
June 14th, 2010 at 11:24 am
Imi incarca prea mult zona dintre articol si comentarii. Caut alte metode pentru a putea integra Facebook.
27
Radu Boncea Says:
June 14th, 2010 at 11:28 am
http://wordpress.org/extend/plugins/fbog-ilike-button/
Iti poti seta dimensiunile si dispozitia relativ la restul elementelor
28
ovidiu Says:
April 1st, 2011 at 7:54 pm
Am o intrebare mai ciudata.Nu ma pricep deloc cum sa adaug acel buton de Like. :D
Unde intru pe pagina de facebook??
Ma poate ajuta si pe mine cineva???
29
marhaba Says:
May 25th, 2011 at 9:41 am
Cum se poate amplasa un buton LIKE fara legatura cu facebook-ul? Deci sa-l poata apasa oricine fara a fi nevoit sa se logheze la facebook.