Cum să adăugați un buton Like la filele dvs. Facebook: Social Media Examiner

V-ați întrebat vreodată cum sunt anumite pagini de Facebook adăugați butoane Apreciază în filele lor personalizate? Nu mai căuta.

Mulți m-au întrebat cum site-urile precum Threadless pot adăuga mai multe butoane Like și comentarii pe pagina lor de Fan, permițând vizitatorilor să cumpere, să aprecieze și să comenteze orice tricou din fila Magazin.

Ei bine, se pare că este de fapt destul de ușor, folosind fb: comentarii tag-ul FBML.

Folosind fb: comentarii, poti adăugați un buton Apreciați și casete de comentarii în mai multe locuri din filele dvs. Facebook și, opțional, fiecare poate fi însoțit de o secțiune de comentarii a utilizatorului. Aceasta oferă mai multe căi pentru ca fanii să interacționeze cu și să partajeze conținutul dvs.

Pagina Fanilor fără fire - Cum fac asta?

Pagina fanilor fără fire Fila „Magazin” afișează o selecție de șase tricouri din catalogul lor, iar vizitatorii pot comanda, aprecia și / sau comenta fiecare.

Coloana din stânga din ilustrația de mai sus este o imagine a produsului și o opțiune de selectare verticală. După ce un utilizator face o selecție și face clic pe „Adaugă în coș”, acesta este redirecționat către site-ul web Threadless.com pentru a finaliza achiziția.

Conținutul coloanei din dreapta este creat folosind fb: comentarii Etichetă FBML:

Parametrii și valorile utilizate pentru fb: comentarii

• xid: Acesta este identificatorul unic pentru această instanță a fb: comentariietichetă. Trebuie să includeți o valoare și vă sugerez să folosiți ceva scurt și descriptiv. Sunteți limitat la caractere alfanumerice, cratime, semnul procentual, puncte și sublinieri. Utilizatorul nu va vedea acest conținut; este doar pentru a crea o valoare care poate fi accesată de dezvoltatori în scopuri de programare.

  Câteva exemple sunt:
  xid = "Produs-205"
  xid = ”Produs-Albastru-Pantofi
  xid = ”Tan_50%”

• canpost: Cel mai probabil veți dori „adevărat” pentru această valoare, indicând că utilizatorul poate posta un comentariu.
• candeleta: Veți dori „fals” pentru acest lucru, ceea ce înseamnă că un utilizator nu poate șterge niciunul dintre comentarii.
• verso: Dacă setați acest lucru la „adevărat”, se plasează caseta „Adăugați un comentariu” sub comentariile postate, așa cum se face pe pagina Threadless.
• returnurl: Aceasta este cea mai importantă valoare! Aceasta este adresa URL care îi place utilizatorului atunci când face clic pe butonul Apreciază. Dacă utilizatorul bifează caseta „Postează un comentariu în profilul meu Facebook”, comentariul va apărea pe peretele său ca „[Utilizator] îi place [Eticheta de titlu a site-ului web] pe [URL]”. Puteți avea orice adresă URL validă pentru „returnurl”Parametru. Threadless are pagina produsului pe site-ul său web ca „returnurl”Valoare.

Utilizarea CSS pentru a ascunde elemente nedorite în fb: comentarii etichetă

Puteți ascunde cu ușurință acest element pentru a nu fi afișat. Folosind Plugin Firefox „Firebug” (un must-have pentru coderi!), am stabilit că logo-ul mic Facebook și textul „Facebook social plugin” sunt conținute într-un DIV alocat clasei „subtitrare_stânga„, Iar acest DIV poate fi ascuns, în toate browserele, cu CSS.

Pentru a ascunde acest conținut, pur și simplu adăugați:

.subtitle_left {display: none;}

la foaia dvs. de stil, care ascunde DIV:

Vrei doar butonul Apreciază? Utilizați CSS pentru a ascunde caseta de comentarii

Daca vrei numai butonul Apreciază și nu caseta de comentarii, puteți utiliza „display: none”Proprietate CSS pentru a ascunde caseta de comentarii nedorite.

Deoarece toate caracteristicile de comentariu sunt conținute într-un DIV alocat clasei „comentariu_corp”(Mulțumesc din nou, Firebug!), Trebuie doar să adăugați următoarea regulă CSS în foaia de stil:

.comment_body {display: none;}

Rezultatul:

Adăugarea mai multor instanțe ale butonului Like

Puteți avea cât mai multe cazuri de fb: comentarii Eticheta FBML din fila personalizată după cum doriți. Doar asigurați-vă că fiecare are un „unic”xid”Valoare.

A oferi utilizatorilor mai multe opțiuni decât să îți placă pagina și / sau să o distribuiți înseamnă mai multă implicare a utilizatorilor și mai multe mențiuni ale mărcii tale care apar pe pereții utilizatorilor.

Încercați și spuneți-ne cum funcționează. Lasă întrebările și comentariile tale în caseta de mai jos.