Jak dodać przycisk „Lubię to” do zakładek Facebooka: Social Media Examiner

Czy kiedykolwiek zastanawiałeś się, jak pewne strony na Facebooku dodać przyciski Lubię to do swoich niestandardowych zakładek? Nie szukaj dalej.

Wiele osób pytało mnie, w jaki sposób strony takie jak Threadless mogą dodawać wiele przycisków Lubię to i komentarzy do swoich stron fanów, umożliwiając odwiedzającym kupowanie, polubienie i komentowanie dowolnej koszulki na karcie Sklep.

Cóż, okazuje się, że jest to całkiem proste, używając fb: comments Znacznik FBML.

Za pomocą fb: komentarze, możesz dodaj przycisk „Lubię to” i pola komentarzy w wielu miejscach na kartach Facebooka i, opcjonalniekażdemu z nich może towarzyszyć sekcja komentarzy użytkownika. Zapewnia to fanom więcej możliwości interakcji z Twoimi treściami i udostępniania ich.

Bezgwintowa strona dla fanów - jak to robią?

Plik Bezgwintowa strona wentylatora Zakładka „Sklep” wyświetla wybór sześciu koszulek z ich katalogu, a odwiedzający mogą zamawiać, polubić i / lub skomentować każdą z nich.

Lewa kolumna na powyższej ilustracji to zdjęcie produktu i rozwijana opcja wyboru. Gdy użytkownik dokona wyboru i kliknie „Dodaj do koszyka”, zostanie przekierowany do witryny Threadless.com w celu dokończenia zakupu.

Zawartość prawej kolumny jest tworzona przy użyciu rozszerzenia fb: komentarze Znacznik FBML:

Parametry i wartości używane dla fb: komentarze

• xid: To jest unikatowy identyfikator tego wystąpienia fb: komentarzeetykietka. Musisz podać wartość i sugeruję użycie czegoś krótkiego i opisowego. Masz ograniczenie do znaków alfanumerycznych, łączników, znaku procentu, kropek i podkreśleń. Użytkownik nie zobaczy tej treści; służy tylko do tworzenia wartości, do której programiści mogą uzyskać dostęp do celów programistycznych.

  Oto kilka przykładów:
  xid = ”Product-205 ″
  xid = ”Produkt-Niebieskie-Buty
  xid = „Tan_50%”

• canpost: Najprawdopodobniej będziesz potrzebować „true” dla tej wartości, co oznacza, że ​​użytkownik może opublikować komentarz.
• świecznik: Będziesz potrzebować „fałszu”, co oznacza, że ​​użytkownik nie może usunąć żadnego komentarza.
• odwrócić: Ustawienie tej opcji na „prawda” powoduje umieszczenie pola „Dodaj komentarz” poniżej opublikowanych komentarzy, tak jak ma to miejsce na stronie Bez wątków.
• returnurl: To najważniejsza wartość! Jest to adres URL, który polubił użytkownik po kliknięciu przycisku Lubię to. Jeśli użytkownik zaznaczy pole „Opublikuj komentarz do mojego profilu na Facebooku”, komentarz pojawi się na jego ścianie jako „[Użytkownik] lubi [Tag tytułu witryny] na [URL]”. Możesz mieć dowolny prawidłowy adres URL dla „returnurl”Parametr. Threadless ma stronę produktu w swojej witrynie jako „returnurl”Wartość.

Używanie CSS do ukrywania niechcianych elementów w fb: komentarze etykietka

Możesz łatwo ukryć ten element przed wyświetlaniem. Używając Wtyczka do Firefoksa „Firebug” (pozycja obowiązkowa dla programistów!), ustaliłem, że małe logo Facebooka i tekst „wtyczka społecznościowa Facebooka” są zawarte w sekcji DIV, której przypisano klasę „subtitle_left„, A ten DIV można ukryć we wszystkich przeglądarkach za pomocą CSS.

Aby ukryć tę zawartość, wystarczy dodać:

.subtitle_left {display: none;}

do twojego arkusza stylów, który ukrywa DIV:

Chcesz tylko przycisk Lubię to? Użyj CSS, aby ukryć pole komentarza

Jeśli chcesz tylko przycisk Lubię to, a nie pole komentarzy, możesz użyć przycisku „Nie wyświetla się”Właściwość CSS, aby ukryć pole niechcianych komentarzy.

Ponieważ wszystkie funkcje komentarza są zawarte w DIV, któremu przypisano klasę „comment_body”(Jeszcze raz dzięki, Firebug!), Po prostu dodaj następującą regułę CSS do swojego arkusza stylów:

.comment_body {display: none;}

Wynik:

Dodawanie wielu wystąpień przycisku Lubię to

Możesz mieć dowolną liczbę wystąpień fb: komentarze Tag FBML na karcie niestandardowej, jak chcesz. Po prostu upewnij się, że każdy ma unikalny „xid”Wartość.

Danie użytkownikom więcej opcji niż tylko polubienie Twojej strony i / lub udostępnienie jej oznacza większe zaangażowanie użytkowników i więcej wzmianek o Twojej marce wyświetlanych na ścianach użytkowników.

Spróbuj i daj nam znać, jak to działa. Zostaw swoje pytania i komentarze w polu poniżej.