Kako dodati gumb "Sviđa mi se" na svoje Facebook kartice: Ispitivač društvenih medija

Jeste li se ikad zapitali kako određene Facebook stranice dodajte gumbe Sviđa mi se na njihove prilagođene kartice? Ne tražite dalje.

Mnogi su me pitali kako web stranice poput Threadless mogu dodati više gumba Sviđa mi se i komentare na svoju stranicu obožavatelja, omogućujući posjetiteljima da kupe, lajkaju i komentiraju bilo koju majicu na kartici Trgovina.

Pa, ispostavilo se da je to zapravo vrlo jednostavno, koristeći fb: komentira FBML oznaku.

Koristeći fb: komentari, možeš dodajte gumb Sviđa mi se i okvire za komentare na više mjesta na svojim Facebook karticama i, po želji, svaki može biti popraćen odjeljkom korisničkih komentara. Ovo pruža više mogućnosti za obožavatelje da komuniciraju i dijele vaš sadržaj.

Stranica obožavatelja bez niti - kako to rade?

The Stranica obožavatelja bez niti Kartica "Trgovina" prikazuje izbor od šest majica iz njihovog kataloga, a posjetitelji mogu naručiti, lajkati i / ili komentirati svaku od njih.

Lijevi stupac na gornjoj ilustraciji slika je proizvoda i padajuća opcija odabira. Nakon što korisnik odabere i klikne "Dodaj u košaricu", preusmjerava se na web mjesto Threadless.com kako bi dovršio kupnju.

Sadržaj desnog stupca kreira se pomoću fb: komentari FBML oznaka:

Parametri i vrijednosti korišteni za fb: komentari

• xid: Ovo je jedinstveni identifikator za ovaj primjerak fb: komentarioznačiti. Morate uključiti vrijednost, a ja predlažem da upotrijebite nešto kratko i opisno. Ograničeni ste na alfanumeričke znakove, crtice, znak postotka, točke i donje crte. Korisnik neće vidjeti ovaj sadržaj; to je samo za stvaranje vrijednosti kojoj programeri mogu pristupiti u svrhu programiranja.

  Neki primjeri su:
  xid = ”Proizvod-205 ″
  xid = ”Proizvod-Plave cipele
  xid = "Tan_50%"

• kanposta: Za ovu vrijednost najvjerojatnije ćete htjeti "true", što znači da korisnik može objaviti komentar.
• kandila: Za ovo ćete htjeti "false", što znači da korisnik ne može izbrisati nijedan komentar.
• obrnuti: Ako postavite ovo na "istinito", okvir "Dodaj komentar" postavlja se ispod objavljenih komentara, kao što se to radi na stranici Bez niti.
• povratak: To je najvažnija vrijednost! Ovo je URL koji se sviđa korisniku kada klikne gumb Sviđa mi se. Ako korisnik označi okvir "Objavi komentar na mom Facebook profilu", komentar će se pojaviti na njegovom zidu kao "[Korisnik] voli [Oznaka naslova web stranice] na [URL]." Možete imati bilo koji valjani URL za "povratakParametar ”. Threadless ima stranicu proizvoda na svojoj web stranici kao "povratak”Vrijednost.

Korištenje CSS-a za skrivanje neželjenih elemenata u fb: komentari označiti

Ovaj element možete lako sakriti od prikazivanja. Koristiti Dodatak za Firefox "Firebug" (obavezno za kodere!), utvrdio sam da su mali Facebook logotip i tekst "Facebook social plugin" sadržani u DIV-u dodijeljenom klasi "podnaslov_lijevo“, A ovaj DIV se može sakriti u svim preglednicima s CSS-om.

Da biste sakrili ovaj sadržaj, jednostavno dodajte:

.subtitle_left {display: none;}

u vašu tablicu stilova koja skriva DIV:

Samo želite gumb Sviđa mi se? Upotrijebite CSS da biste sakrili okvir za komentare

Ako želiš samo gumb Sviđa mi se, a ne okvir za komentare, možete koristiti "zaslon: nema”CSS svojstvo da sakrije okvir neželjenih komentara.

Budući da su sve značajke komentara sadržane u DIV-u kojem je dodijeljena klasa „comment_body”(Hvala još jednom, Firebug!), Samo dodajte sljedeće CSS pravilo u svoju tablicu stilova:

.comment_body {prikaz: nijedan;}

Rezultat:

Dodavanje više primjeraka gumba Like

Možete imati što više primjeraka fb: komentari FBML oznaka na vašoj prilagođenoj kartici kako želite. Samo pripazite da svaki ima jedinstveni "xid”Vrijednost.

Davanje korisnicima više mogućnosti od pukog lajkanja vaše stranice i / ili dijeljenja iste znači više angažmana korisnika i više spominjanja vaše robne marke na zidovima korisnika.

Pokušajte i javite nam kako to radi. Ostavite svoja pitanja i komentare u okviru ispod.