Tykkää-painikkeen lisääminen Facebook-välilehtiin: Sosiaalisen median tutkija

Oletko koskaan miettinyt kuinka tietyt Facebook-sivut lisää Tykkää-painikkeet mukautettuihin välilehtiin? Älä katso enää.

Monet ovat kysyneet minulta, kuinka Threadlessin kaltaiset sivustot pystyvät lisäämään useita Tykkää-painikkeita ja kommentteja Fanisivulleen, jolloin kävijät voivat ostaa, tykätä ja kommentoida mitä tahansa t-paitaa Shop-välilehdellään.

No, käy ilmi, että se on todella helppoa fb: kommentoi FBML-tagia.

Käyttämällä fb: kommentit, sinä pystyt lisää tykkää-painike ja kommenttikentät useisiin paikkoihin Facebook-välilehdillä ja, valinnaisesti, jokaiseen voi liittyä käyttäjän kommenttiosio. Tämä tarjoaa enemmän keinoja faneille olla vuorovaikutuksessa sisällön kanssa ja jakaa sitä.

Langaton fanisivu - miten he tekevät sen?

Langaton tuulettimen sivu "Kauppa" -välilehdellä on valikoima kuusi t-paitaa luettelostaan, ja kävijät voivat tilata, tykätä ja / tai kommentoida kutakin.

Yllä olevan kuvan vasen sarake on tuotekuva ja alasvetovalintavaihtoehto. Kun käyttäjä tekee valinnan ja napsauttaa Lisää ostoskoriin, hänet ohjataan Threadless.com-verkkosivustolle ostoksen suorittamiseksi.

Oikean sarakkeen sisältö luodaan fb: kommentit FBML-tunniste:

Käytetyt parametrit ja arvot fb: kommentit

• xid: Tämä on yksilöllinen tunniste tälle fb: kommentittag. Sinun on sisällytettävä arvo, ja suosittelen jotain lyhyttä ja kuvaavaa. Voit käyttää vain aakkosnumeerisia merkkejä, väliviivoja, prosenttimerkkiä, pisteitä ja alaviivoja. Käyttäjä ei näe tätä sisältöä. se on vain sellaisen arvon luominen, jota kehittäjät voivat käyttää ohjelmointitarkoituksiin.

  Joitakin esimerkkejä ovat:
  xid = "Tuote-205"
  xid = ”Tuote-Sininen-Kengät
  xid = ”Tan_50%”

• juliste: Haluat todennäköisesti tälle arvolle tosi, mikä tarkoittaa, että käyttäjä voi lähettää kommentin.
• kynttilä: Haluat tälle väärän, eli käyttäjä ei voi poistaa mitään kommentteja.
• käänteinen: Jos asetat tämän arvoksi tosi, "Lisää kommentti" -ruutu lähetettyjen kommenttien alapuolelle, kuten Threadless-sivulla tehdään.
• returnurl: Tämä on tärkein arvo! Tämä on URL, josta käyttäjä pitää, kun hän napsauttaa Tykkää-painiketta. Jos käyttäjä valitsee "Lähetä kommentti Facebook-profiiliini" -ruudun, kommentti näkyy hänen seinällään nimellä "[Käyttäjä] tykkää [Verkkosivuston otsikkotunniste] kohteessa [URL]." Sinulla voi olla mikä tahansa kelvollinen URL-osoitereturnurl”-Parametri. Threadlessilla on tuotteen sivu verkkosivustollaanreturnurl”-Arvo.

CSS: n avulla piilottaa ei-toivotut elementit fb: kommentit tag

Voit piilottaa tämän elementin helposti näytöltä. Käyttämällä Firefox-laajennus “Firebug” (pakollinen koodaajille!), päätin, että pieni Facebook-logo ja "Facebook social plugin" -teksti sisältyvät DIV: ään, joka on luokiteltu "alaotsikko_vasen“, Ja tämä DIV voidaan piilottaa kaikissa selaimissa CSS: n avulla.

Voit piilottaa tämän sisällön lisäämällä yksinkertaisesti:

.subtitle_left {display: none;}

tyylitaulukkoosi, joka piilottaa DIV:

Haluatko vain Tykkää-painikkeen? Piilota kommenttiruutu CSS: n avulla

Jos haluat vain tykkää-painiketta eikä kommenttikenttää, voit käyttäänäyttö: ei mitään”CSS-ominaisuus piilottaaksesi ei-toivotut kommenttiruudut.

Koska kaikki kommenttiominaisuudet sisältyvät luokkaan DIV määritettyyn DIV: ääncomment_body”(Kiitos vielä kerran, Firebug!), Lisää vain seuraava CSS-sääntö tyylitaulukkoon:

.comment_body {display: none;}

Lopputulos:

Lisäät samanlaisen painikkeen useita esiintymiä

Sinulla voi olla niin monta fb: kommentit FBML-tunniste mukautetulla välilehdellä haluamallasi tavalla. Varmista vain, että jokaisella on ainutlaatuinen “xid”-Arvo.

Jos annat käyttäjille enemmän vaihtoehtoja kuin vain sivullesi pitäminen ja / tai jakaminen, se tarkoittaa enemmän käyttäjien sitoutumista ja enemmän mainintoja brändistäsi, jotka näkyvät käyttäjien seinillä.

Kokeile ja kerro meille, miten se toimii. Jätä kysymyksesi ja kommenttisi alla olevaan ruutuun.