Kā pievienot pogu Patīk Facebook cilnēm: sociālo mediju pārbaudītājs

Vai esat kādreiz domājuši, cik noteiktas Facebook lapas pievienojiet pogas Patīk savām pielāgotajām cilnēm? Nemeklē vairs.

Daudzi man ir jautājuši, kā vietnes, piemēram, Threadless, savā Fanu lapā var pievienot vairākas Patīk pogas un komentārus, ļaujot apmeklētājiem cilnē Veikals iegādāties, atzīmēt Patīk un komentēt jebkuru t-kreklu.

Izrādās, tas faktiski ir diezgan viegli, izmantojot fb: komentē FBML tagu.

Izmantojot fb: komentāri, jūs varat pievienojiet pogu Patīk un komentāru lodziņus vairākās vietās savās Facebook cilnēs un, pēc izvēles, katram no tiem var pievienot lietotāja komentāru sadaļu. Tas faniem nodrošina vairāk iespēju mijiedarboties ar jūsu saturu un kopīgot to.

Lapa bez vītnēm - kā viņi to dara?

The Bezvītņu ventilatoru lapa Cilnē Veikals tiek parādīti seši t-krekli no viņu kataloga, un apmeklētāji var pasūtīt, atzīmēt Patīk un / vai komentēt katru no tiem.

Iepriekšējā ilustrācijas kreisā kolonna ir produkta attēls un nolaižamā atlases opcija. Kad lietotājs veic atlasi un noklikšķina uz “Pievienot grozam”, viņš vai viņa tiek novirzīta uz vietni Threadless.com, lai pabeigtu pirkumu.

Labās kolonnas saturs tiek izveidots, izmantojot fb: komentāri FBML tags:

Parametri un vērtības, ko izmanto fb: komentāri

• xid: Šis ir unikālais identifikators šim fb: komentāritagu. Jums jāiekļauj vērtība, un es iesaku izmantot kaut ko īsu un aprakstošu. Jūs varat izmantot tikai burtciparu rakstzīmes, defises, procentuālo zīmi, punktus un pasvītrojumus. Lietotājs neredzēs šo saturu; tas ir tikai tādas vērtības radīšanai, kurai izstrādātāji var piekļūt programmēšanas nolūkos.

  Daži piemēri ir:
  xid = ”205. produkts”
  xid = ”Product-Blue-Shoes
  xid = "Tan_50%"

• kanāls: Visticamāk, šai vērtībai vēlaties norādīt “true”, norādot, ka lietotājs var izlikt komentāru.
• kandelete: Par to vēlaties norādīt “false”, kas nozīmē, ka lietotājs nevar izdzēst nevienu no komentāriem.
• reverss: Iestatot šo vērtību uz “true”, zem ievietotajiem komentāriem tiek ievietota rūtiņa “Pievienot komentāru”, kā tas tiek darīts lapā Threadless.
• atgriezties: Šī ir vissvarīgākā vērtība! Šis ir URL, kas lietotājam patīk, kad viņš noklikšķina uz pogas Patīk. Ja lietotājs atzīmē izvēles rūtiņu “Publicēt komentāru manam Facebook profilam”, komentārs tiks parādīts uz viņa sienas kā “[Lietotājam] patīk [Vietnes nosaukuma tags] vietnē [URL]”. Jums var būt jebkurš derīgs URL vietnei “atgriezties”Parametrs. Threadless produkta lapa savā vietnē ir “atgriezties”Vērtība.

CSS izmantošana, lai paslēptu nevēlamus elementus fb: komentāri tagu

Jūs varat viegli paslēpt šo elementu no parādīšanas. Izmantojot Firefox spraudnis “Firebug” (obligāti jābūt kodētājiem!), es noteicu, ka mazais Facebook logotips un “Facebook social plugin” teksts ir DIV, kuram piešķirta klase “apakšvirsraksts pa kreisi“, Un šo DIV var slēpt visās pārlūkprogrammās, izmantojot CSS.

Lai paslēptu šo saturu, jums vienkārši jāpievieno:

.subtitle_left {display: none;}

savai stila lapai, kas paslēpj DIV:

Vienkārši vēlaties pogu Patīk? Izmantojiet CSS, lai paslēptu komentāru lodziņu

Ja tu vēlies tikai pogu Patīk, nevis komentāru lodziņu, varat izmantot “displejs: navCSS īpašums, lai paslēptu nevēlamo komentāru lodziņu.

Tā kā visas komentāru funkcijas atrodas DIV, kurai piešķirta klase “comment_body”(Vēlreiz paldies, Firebug!), Vienkārši pievienojiet savai stila lapai šādu CSS kārtulu:

.comment_body {display: none;}

Rezultāts:

Vairāku līdzīgas pogas gadījumu pievienošana

Jums var būt tik daudz fb: komentāri FBML tags jūsu pielāgotajā cilnē, kā vēlaties. Vienkārši pārliecinieties, ka katram ir unikāls “xid”Vērtība.

Piešķirot lietotājiem vairāk iespēju nekā tikai Patīk jūsu lapai un / vai kopīgot to, tas nozīmē lielāku lietotāju iesaistīšanos un vairāk jūsu zīmola pieminēšanas parādīšanos lietotāju sienās.

Izmēģiniet to un dariet mums zināmu, kā tas darbojas. Atstājiet savus jautājumus un komentārus zemāk esošajā lodziņā.