Ako pridať tlačidlo Páči sa mi to na vaše karty na Facebooku: Vyšetrovateľ v sociálnych sieťach

Zamysleli ste sa niekedy nad tým, aké sú určité stránky na Facebooku pridať tlačidlá Páči sa mi na ich vlastné karty? Nehľadaj ďalej.

Mnoho ľudí sa ma pýtalo, ako môžu stránky ako Threadless pridať na svoju stránku fanúšikov viac tlačidiel Páči sa mi a komentárov, čo umožňuje návštevníkom kúpiť, Páči sa mi a komentovať akékoľvek tričko na ich karte Obchod.

Ukázalo sa, že je to skutočne celkom jednoduché pomocou fb: komentuje značku FBML.

Použitím fb: komentáre, môžeš pridajte na svoje karty Facebook tlačidlo Páči sa mi a komentáre na viac miest a voliteľne, ku každému môže byť pripojená sekcia komentárov používateľov. To poskytuje fanúšikom ďalšie možnosti interakcie s vašim obsahom a jeho zdieľania.

Stránka Threadless Fan - Ako to robia?

The Bezvláknová stránka ventilátora Záložka „Nakupovať“ zobrazuje výber šiestich tričiek z ich katalógu a návštevníci si môžu ku každému z nich objednať, Páči sa mi to a / alebo komentovať.

Ľavý stĺpec na obrázku vyššie predstavuje obrázok produktu a možnosť rozbaľovacej ponuky. Keď používateľ urobí výber a klikne na „Pridať do košíka“, bude presmerovaný na web Threadless.com, aby dokončil nákup.

Obsah pravého stĺpca sa vytvára pomocou fb: komentáre Značka FBML:

Parametre a hodnoty použité pre fb: komentáre

• xid: Toto je jedinečný identifikátor pre túto inštanciu súboru fb: komentáreznačka. Musíte uviesť hodnotu a navrhujem použiť niečo krátke a popisné. Môžete použiť iba alfanumerické znaky, spojovníky, znak percenta, bodky a podčiarkovníky. Používateľ tento obsah neuvidí; slúži iba na vytvorenie hodnoty, ku ktorej majú vývojári prístup na účely programovania.

  Niektoré príklady:
  xid = ”Produkt-205 ″
  xid = ”Produktovo-modré topánky
  xid = ”Tan_50%”

• canpost: S najväčšou pravdepodobnosťou budete pre túto hodnotu chcieť hodnotu „true“, čo znamená, že používateľ môže uverejniť komentár.
• kandelát: Budete od nás požadovať hodnotu „false“, čo znamená, že používateľ nemôže odstrániť žiadny z komentárov.
• obrátiť: Nastavením na „true“ sa umiestni pole „Add a Comment“ pod uverejnené komentáre, ako je to na stránke Threadless.
• returnurl: Toto je najdôležitejšia hodnota! Toto je adresa URL, ktorá sa používateľovi páči, keď klikne na tlačidlo Páči sa mi to. Ak používateľ začiarkne políčko „Uverejniť komentár k môjmu profilu na Facebooku“, na jeho stene sa tento komentár zobrazí ako „[Používateľ] má rád [Značka názvu webu] na [URL]“. Môžete mať akúkoľvek platnú adresu URL prereturnurl”Parameter. Spoločnosť Threadless má stránku produktu na svojom webe ako „returnurl“Hodnota.

Používanie CSS na skrytie nežiaducich prvkov v fb: komentáre značka

Tento prvok môžete ľahko skryť pred zobrazením. Pomocou Doplnok Firefox „Firebug“ (nevyhnutnosť pre programátorov!), Zistil som, že malé logo Facebooku a text „Facebook Social Plugin“ sú obsiahnuté v DIV priradenom k ​​triede „subtitle_left“A tento DIV je možné skryť vo všetkých prehliadačoch pomocou CSS.

Ak chcete tento obsah skryť, jednoducho pridáte:

.subtitle_left {display: none;}

do šablóny štýlov, ktorá skryje DIV:

Chcete iba tlačidlo Páči sa mi to? Pomocou CSS skryte pole s komentárom

Ak chceš iba tlačidlo Páči sa mi to, a nie pole pre komentáre, môžete použiťdisplej: žiadny”Vlastnosť CSS na skrytie poľa nežiaducich komentárov.

Pretože všetky funkcie komentárov sú obsiahnuté v DIV priradenom k ​​triede „comment_body”(Ešte raz, Firebug!), Stačí pridať do svojej šablóny štýlov nasledujúce pravidlo CSS:

.comment_body {display: none;}

Výsledok:

Pridanie viacerých inštancií tlačidla Like

Môžete mať toľko inštancií súboru fb: komentáre Značka FBML na vlastnej karte, ako chcete. Len sa uistite, či má každý jedinečný “xid“Hodnota.

Poskytnutie používateľom viac možností, ako len to, že sa im stránka páči, alebo ich zdieľate, znamená viac zapojenia používateľov a viac zmienok o vašej značke, ktorá sa zobrazuje na stenách používateľov.

Vyskúšajte to a dajte nám vedieť, ako to funguje. Vaše otázky a pripomienky nechajte v poli nižšie.