Sådan tilføjes en Like-knap til dine Facebook-faner: Social Media Examiner

Har du nogensinde spekuleret på, hvordan bestemte Facebook-sider tilføj Like-knapper til deres tilpassede faner? Stop med at lede.

Mange har spurgt mig, hvordan websteder som Threadless er i stand til at tilføje flere Like-knapper og kommentarer til deres Fan-side, så de besøgende kan købe, like og kommentere enhver t-shirt på deres fane Shop.

Nå viser det sig, at det faktisk er ret nemt at bruge fb: kommentarer FBML-tag.

Ved brug af fb: kommentarer, du kan tilføj en Like-knap og kommentarfelter flere steder på dine Facebook-faner og, valgfrit, hver kan ledsages af et afsnit om brugerkommentarer. Dette giver flere muligheder for fans at interagere med og dele dit indhold.

Den trådløse faneside - Hvordan gør de det?

Det Trådløs ventilatorside Fanen "Shop" viser et udvalg af seks t-shirts fra deres katalog, og besøgende kan bestille, like og / eller kommentere hver enkelt.

Den venstre kolonne i ovenstående illustration er et produktbillede og en valgmulighed for rullemenu. Når en bruger foretager et valg og klikker på "Tilføj til indkøbskurv", omdirigeres han eller hun til Threadless.com-webstedet for at gennemføre købet.

Højre kolonneindhold oprettes ved hjælp af fb: kommentarer FBML-tag:

De parametre og værdier, der bruges til fb: kommentarer

• xid: Dette er den unikke id for denne forekomst af fb: kommentarertag. Du skal medtage en værdi, og jeg foreslår, at du bruger noget kort og beskrivende. Du er begrænset til alfanumeriske tegn, bindestreger, procenttegnet, punktum og understregning. Brugeren kan ikke se dette indhold; det er bare for at skabe en værdi, som udviklere kan få adgang til til programmeringsformål.

  Nogle eksempler er:
  xid = ”Produkt-205 ″
  xid = ”Produkt-blå-sko
  xid = ”Tan_50%”

• kanpost: Du vil sandsynligvis have "sand" for denne værdi, hvilket angiver, at brugeren kan skrive en kommentar.
• lysekrone: Du vil have "falsk" for dette, hvilket betyder at en bruger ikke kan slette nogen af ​​kommentarerne.
• baglæns: Hvis dette indstilles til "sand", placeres feltet "Tilføj en kommentar" under de indsendte kommentarer, som det gøres på siden Trådløs.
• returnurl: Dette er den vigtigste værdi! Dette er den URL, som brugeren kan lide, når han eller hun klikker på knappen Like. Hvis brugeren markerer afkrydsningsfeltet "Indsend kommentar til min Facebook-profil", vises kommentaren på væggen, som "[Bruger] kan lide [Websteds titelkode] på [URL]." Du kan have en hvilken som helst gyldig URL til “returnurl”-Parameter. Trådløs har produktets side på deres hjemmeside som "returnurl”Værdi.

Brug af CSS til at skjule uønskede elementer i fb: kommentarer tag

Du kan nemt skjule dette element fra at blive vist. Bruger Firefox-plugin “Firebug” (et must-have for kodere!), fastslog jeg, at det lille Facebook-logo og "Facebook social plugin" -teksten er indeholdt i en DIV tildelt klassen "undertekst_til venstre“, Og denne DIV kan skjules i alle browsere med CSS.

For at skjule dette indhold skal du blot tilføje:

.subtitle_left {display: none;}

til dit stilark, der skjuler DIV:

Vil du bare have Like-knappen? Brug CSS til at skjule kommentarfeltet

Hvis du vil kun Like-knappen og ikke kommentarfeltet, kan du bruge “display: ingen”CSS-egenskab for at skjule det uønskede kommentarfelt.

Fordi alle kommentarfunktionerne er indeholdt i en DIV tildelt klassen “kommentar_krop”(Tak igen, Firebug!), Skal du blot tilføje følgende CSS-regel til dit typografiark:

.comment_body {display: none;}

Resultatet:

Tilføjelse af flere forekomster af Like-knappen

Du kan have så mange forekomster af fb: kommentarer FBML-tag på din brugerdefinerede fane, som du ønsker. Bare sørg for, at hver har en unik “xid”Værdi.

At give brugerne flere muligheder end bare at lide din side og / eller dele det betyder mere brugerengagement og flere omtaler af dit brand, der vises på brugernes vægge.

Prøv det, og lad os vide, hvordan det fungerer. Efterlad dine spørgsmål og kommentarer i feltet nedenfor.