Kaip pridėti mygtuką „Patinka“ prie „Facebook“ skirtukų: socialinės žiniasklaidos ekspertas

Ar kada susimąstėte, kaip tam tikri „Facebook“ puslapiai pridėkite mygtukus „Patinka“ prie savo pasirinktinių skirtukų? Neziurek i prieki.

Daugelis manęs klausė, kaip tokios svetainės kaip „Threadless“ gali pridėti keletą mygtukų „Patinka“ ir komentarus prie savo „Fan“ puslapio, leisdami lankytojams skirtuke „Parduotuvė“ pirkti, patikti ir komentuoti bet kokius marškinėlius.

Na, pasirodo, tai iš tikrųjų yra gana lengva, naudojant fb: komentuoja FBML žymą.

Naudojant fb: komentarai, tu gali pridėkite mygtuką „Patinka“ ir komentarų laukelius keliose „Facebook“ skirtukų vietose ir pasirinktinai, prie kiekvieno jų gali būti vartotojo komentarų skiltis. Tai suteikia daugiau galimybių gerbėjams bendrauti ir dalytis jūsų turiniu.

„Threadless“ gerbėjų puslapis - kaip jie tai daro?

„Threadless“ gerbėjų puslapis Skirtuke „Parduotuvė“ rodomi šešių marškinėlių pasirinkimas iš jų katalogo, o lankytojai gali užsisakyti, pažymėti „Patinka“ ir (arba) pakomentuoti kiekvieną iš jų.

Kairysis stulpelis aukščiau pateiktoje iliustracijoje yra produkto vaizdas ir išskleidžiama parinkimo parinktis. Kai vartotojas pasirenka ir paspaudžia „Pridėti į krepšelį“, jis arba ji nukreipiama į „Threadless.com“ svetainę, kad būtų užbaigtas pirkimas.

Dešiniojo stulpelio turinys sukuriamas naudojant fb: komentarai FBML žyma:

Naudojami parametrai ir vertės fb: komentarai

• xid: Tai yra unikalus šio „“ egzemplioriaus identifikatorius fb: komentaraižyma. Turite įtraukti vertę ir siūlau naudoti ką nors trumpo ir apibūdinančio. Apribojate tik raidinius ir skaitmeninius simbolius, brūkšnelius, procentų ženklą, taškus ir pabraukimus. Vartotojas nematys šio turinio; tai tik tam, kad būtų sukurta vertė, prie kurios kūrėjai gali pasiekti programavimo tikslais.

  Keletas pavyzdžių:
  xid = „205 gaminys“
  xid = ”Prekės mėlyni batai
  xid = „Tan_50%“

• stendas: Šiai vertei greičiausiai norėsite „true“, nurodydami, kad vartotojas gali paskelbti komentarą.
• kandelete: Už tai norėsite „klaidinga“, tai reiškia, kad vartotojas negali ištrinti nė vieno komentaro.
• atvirkščiai: Nustačius tai kaip „tiesa“, lauke „Pridėti komentarą“ po paskelbtais komentarais, kaip tai daroma puslapyje „Threadless“.
• grįžti: Tai yra svarbiausia vertybė! Tai yra URL, kurį vartotojas mėgsta spustelėjęs mygtuką „Patinka“. Jei vartotojas pažymi laukelį „Paskelbti komentarą mano„ Facebook “profilyje“, komentaras ant jo sienos bus rodomas kaip „[Vartotojui] patinka [Svetainės pavadinimo žyma] [URL]“. Galite turėti bet kurį galiojantį URL, skirtągrįžti" parametras. „Threadless“ produkto puslapis savo svetainėje yra „grįžti“Vertės.

CSS naudojimas norint paslėpti nepageidaujamus elementus fb: komentarai žyma

Galite lengvai paslėpti, kad šis elementas nebūtų rodomas. Naudojant „Firefox“ papildinys „Firebug“ (būtina turėti koduotojams!), Aš nusprendžiau, kad mažasis „Facebook“ logotipas ir „Facebook social plugin“ tekstas yra DIV, kuriam priskirta klasė „paantraštė_kairė“, Ir šį DIV galima paslėpti visose naršyklėse naudojant CSS.

Norėdami paslėpti šį turinį, tiesiog pridėkite:

.subtitle_left {display: none;}

prie savo stiliaus lapo, kuris slepia DIV:

Norite tik mygtuko Patinka? Naudokite CSS, kad paslėptumėte komentarų laukelį

Jeigu nori tik mygtuką „Patinka“, o ne komentarų laukelį, galite naudoti „rodyti: nėraCSS nuosavybė, kad paslėptų nepageidaujamų komentarų laukelį.

Kadangi visos komentarų funkcijos yra DIV, kuriam priskirta klasė „komentaras_kūnas“(Dar kartą ačiū,„ Firebug “!), Tiesiog pridėkite šią CSS taisyklę prie savo stiliaus lapo:

.comment_body {display: none;}

Rezultatas:

Pridėti kelis mygtuko „Patinka“ atvejus

Galite turėti kuo daugiau fb: komentarai FBML žyma jūsų pasirinktiniame skirtuke, kaip norite. Tiesiog įsitikinkite, kad kiekvienas turi unikalų „xid“Vertės.

Suteikti vartotojams daugiau galimybių nei tik patikti savo puslapiui ir (arba) juo dalintis reiškia daugiau vartotojų įsitraukimo ir daugiau jūsų prekės ženklo paminėjimų, rodomų ant vartotojų sienų.

Pabandykite ir praneškite mums, kaip tai veikia. Palikite savo klausimus ir komentarus žemiau esančiame laukelyje.