Tetszik gomb hozzáadása Facebook lapjaihoz: Social Media Examiner

Gondolkodott már azon, hogy bizonyos Facebook-oldalak mennyire add hozzá a Tetszik gombokat az egyéni fülükhöz? Ne keressen tovább.

Sokan kérdezték tőlem, hogy a Threadlesshez hasonló webhelyek hogyan tudnak több Tetszik gombot és megjegyzést hozzáadni rajongói oldalukhoz, lehetővé téve a látogatók számára, hogy a Shop fülükön bármilyen pólót vásárolhassanak, lájkolhassanak és megjegyzést fűzhessenek hozzájuk.

Nos, kiderült, hogy valójában nagyon egyszerű a fb: megjegyzések FBML tag.

Használata fb: megjegyzések, tudsz adj hozzá egy Tetszik gombot és a megjegyzések mezőt több helyre a Facebook füleden és, opcionálisan, mindegyiket kísérheti a felhasználói megjegyzések rész. Ez több utat biztosít a rajongók számára, hogy interakcióba lépjenek és megosszák a tartalmaidat.

A menetes rajongói oldal - hogyan csinálják ezt?

A Menet nélküli rajongói oldal A „Shop” fülön hat póló látható a katalógusukból, és a látogatók megrendelhetik, lájkolhatják és / vagy megjegyzést fűzhetnek mindegyikhez.

A fenti ábra bal oldali oszlopa termékkép és legördülő választási lehetőség. Miután a felhasználó választott és rákattint a „Kosárba” gombra, átirányítja a Threadless.com webhelyre a vásárlás befejezéséhez.

A jobb oldali oszlop tartalma a fb: megjegyzések FBML tag:

A használt paraméterek és értékek fb: megjegyzések

• xid: Ez az egyedi azonosítója a fb: megjegyzésekcímke. Meg kell adnia egy értéket, és javaslom valami rövid és leíró kifejezést. Csak alfanumerikus karakterekre, kötőjelekre, a százalékjelre, a pontokra és az aláhúzásokra korlátozódhat. A felhasználó nem fogja látni ezt a tartalmat; csak egy olyan érték létrehozására szolgál, amelyhez a fejlesztők programozási célból hozzáférhetnek.

  Néhány példa:
  xid = "205-ös termék"
  xid = ”Termék-Kék-Cipő
  xid = "Tan_50%"

• oszlop: Valószínűleg erre az értékre „igaz” értéket szeretne, jelezve, hogy a felhasználó megjegyzést tehet.
• kandelete: Ehhez „hamis” kifejezést szeretne kapni, vagyis a felhasználó nem törölheti a megjegyzéseket.
• fordított: Ha ezt igazra állítja, akkor a „Megjegyzés hozzáadása” mezőt a közzétett megjegyzések alá helyezi, ahogy a Szál nélküli oldalon is történik.
• returnurl: Ez a legfontosabb érték! Ez az az URL, amelyet a felhasználó kedvel, amikor a Tetszik gombra kattint. Ha a felhasználó bejelöli a „Megjegyzés közzététele a Facebook-profilomba” négyzetet, a megjegyzés a falán úgy jelenik meg, hogy „[A felhasználó] kedveli a [Webhely címkéjét] az [URL] címen]. Bármely érvényes URL-címe lehet areturnurl”Paraméter. A Threadless webhelyén a termék oldala „returnurl”Értéket.

A CSS segítségével elrejti a nem kívánt elemeket a fb: megjegyzések címke

Könnyedén elrejtheti ezt az elemet a megjelenítés elől. Használni a Firefox plugin “Firebug” (kötelező kódolóknak!) Megállapítottam, hogy a kis Facebook logó és a „Facebook social plugin” szöveg egy DIV osztályba van sorolva,felirat_balra“, És ez a DIV minden böngészőben elrejthető a CSS segítségével.

A tartalom elrejtéséhez egyszerűen hozzá kell adnia:

.subtitle_left {display: nincs;}

a stíluslapra, amely elrejti a DIV-t:

Csak a Tetszik gombra akarsz? Használja a CSS-t a megjegyzés mező elrejtéséhez

Ha akarod csak a Tetszik gomb és nem a megjegyzések mező, használhatja akijelző: nincs”CSS tulajdonság a nem kívánt megjegyzések mező elrejtéséhez.

Mivel az összes megjegyzésfunkció egy DIV osztályba tartozik,comment_body”(Még egyszer köszönöm, Firebug!), Csak adja hozzá a következő CSS-szabályt a stíluslapjához:

.comment_body {display: none;}

Az eredmény:

A Like gomb több példányának hozzáadása

Annyi példánya lehet fb: megjegyzések FBML címke az egyéni fülön, ahogy szeretné. Csak győződjön meg arról, hogy mindegyiknek egyedi „xid”Értéket.

Ha több lehetőséget kínál a felhasználóknak, nem csak az oldalának tetszését és / vagy megosztását jelenti, az több felhasználói elkötelezettséget és több márkanévi említést jelent a felhasználók falain.

Próbáld ki, és tudasd velünk, hogyan működik. Hagyja kérdéseit és észrevételeit az alábbi mezőben.