Slik legger du til en Like-knapp i Facebook-fanene dine: Social Media Examiner

Har du noen gang lurt på hvordan visse Facebook-sider legg til like knapper i de tilpassede fanene? Se ikke lenger.

Mange har spurt meg hvordan nettsteder som Threadless er i stand til å legge til flere Like-knapper og kommentarer til fansiden, slik at besøkende kan kjøpe, like og kommentere en hvilken som helst t-skjorte i butikkfanen.

Vel, det viser seg at det faktisk er ganske enkelt å bruke fb: kommentarer FBML-tag.

Ved hjelp av fb: kommentarer, du kan legg til en Like-knapp og kommentarbokser flere steder på Facebook-fanene og, valgfritt, kan hver ledsages av en brukerkommentar-seksjon. Dette gir flere muligheter for fans å samhandle med og dele innholdet ditt.

Den trådløse fansiden - Hvordan gjør de det?

De Trådløs vifteside “Shop” -fanen viser et utvalg av seks t-skjorter fra katalogen, og besøkende kan bestille, like og / eller kommentere hver enkelt.

Den venstre kolonnen i illustrasjonen ovenfor er et produktbilde og et rullegardinvalg. Når en bruker foretar et valg og klikker "Legg til i handlekurven", blir han eller hun omdirigert til Threadless.com-nettstedet for å fullføre kjøpet.

Høyre kolonneinnhold opprettes ved hjelp av fb: kommentarer FBML-tag:

Parametrene og verdiene som brukes til fb: kommentarer

• xid: Dette er den unike identifikatoren for denne forekomsten av fb: kommentarerstikkord. Du må inkludere en verdi, og jeg foreslår at du bruker noe kort og beskrivende. Du er begrenset til alfanumeriske tegn, bindestreker, prosenttegn, punktum og understreker. Brukeren ser ikke dette innholdet; det er bare for å skape en verdi som utviklere kan få tilgang til for programmeringsformål.

  Noen eksempler er:
  xid = ”Produkt-205 ″
  xid = ”Produkt-Blå-Sko
  xid = ”Tan_50%”

• kanpost: Du vil mest sannsynlig ha "sann" for denne verdien, noe som indikerer at brukeren kan legge ut en kommentar.
• lysekrone: Du vil ha "falsk" for dette, noe som betyr at en bruker ikke kan slette noen av kommentarene.
• omvendt: Hvis du setter dette til “sant”, plasseres "Legg til en kommentar" -boksen under de postede kommentarene, slik det gjøres på siden Trådløs.
• retur: Dette er den viktigste verdien! Dette er URL-en som brukeren liker når han eller hun klikker på Like-knappen. Hvis brukeren merker av for "Legg ut kommentar til Facebook-profilen min", vises kommentaren på veggen deres som "[Bruker] liker [Nettstedets tittel-tag] på [URL]." Du kan ha en hvilken som helst gyldig URL for “retur" parameter. Trådløs har produktsiden på nettstedet deres som “retur”Verdi.

Bruke CSS for å skjule uønskede elementer i fb: kommentarer stikkord

Du kan enkelt skjule dette elementet fra å vises. Bruker Firefox-plugin “Firebug” (et must-have for kodere!), bestemte jeg meg for at den lille Facebook-logoen og "Facebook social plugin" -teksten er inneholdt i en DIV tildelt klassen "undertittel_venstre“, Og denne DIV kan skjules, i alle nettlesere, med CSS.

For å skjule dette innholdet legger du bare til:

.subtitle_left {display: none;}

til stilarket ditt, som skjuler DIV:

Vil du bare ha Like-knappen? Bruk CSS til å skjule kommentarfeltet

Hvis du vil kun Like-knappen og ikke kommentarfeltet, kan du bruke “display: ingen”CSS-egenskap for å skjule den uønskede kommentarfeltet.

Fordi alle kommentarfunksjonene er inneholdt i en DIV tildelt klassen “kommentar_kropp”(Takk igjen, Firebug!), Bare legg til følgende CSS-regel i stilarket ditt:

.comment_body {display: none;}

Resultatet:

Legge til flere forekomster av Like-knappen

Du kan ha så mange forekomster av fb: kommentarer FBML-tagg på den egendefinerte fanen din som du ønsker. Bare vær sikker på at hver har en unik “xid”Verdi.

Å gi brukerne flere alternativer enn bare å like siden din og / eller dele den, betyr mer brukerengasjement og flere omtaler av merkevaren din som dukker opp på brukernes vegger.

Prøv det og gi oss beskjed om hvordan det fungerer. Legg igjen spørsmål og kommentarer i ruten nedenfor.