Facebook Tetszik gomb beillesztése egy weboldalba

A Tetszik gomb beépítése

Facebook Tetszik gomb beillesztése egy weboldalba
Tetszik gomb beillesztése egy weboldalba

A Facebook tetszik gombhoz tartozó alap információkról itt olvashatsz, remélem ezek alapján kedvet kaptál ahhoz, hogy beépítsd a weboldaladba.

Ebben próbálunk nyújtunk segítséget ezzel a cikkel.
Egyre mélyebbre megyünk a Like gomb rejtelmeibe, de még ez is csak egy alapozó.
Bár elnézve a weboldalakba épített Tetszik gombokat, lesz már itt is újdonság.

Az igazán izgalmas dolgok majd a következő cikkekben jönnek, hogy ezekről értesülj, ne felejtsd el megnyomni a Like gombot a cikk mellett! 😉

Saját Tetszik gomb pár gombnyomással

Facebook Like gomb generálás
Készíts saját Tetszik gombot!

Az alap Like gomb beépítése a legtöbb weboldalba nagyon egyszerű.
Látogass el a Facebook Like gomb oldalára, add meg a weboldalad címét az itt található „Tetszik gomb generátorban”, állítsd be, hogy milyen opciókat szeretnél látni, és nyomd meg a „Get Code” gombot.

Egy kis ablakban meg is kapod azt a kódot, amit utána be lehet illeszteni a weboldalad forráskódjába.

Tényleg ennyi az összes lépés, de azért nézzünk meg pár fontos apróságot!

Weboldal címe (URL to Like)
Ha a weboldalad címét használod, például a domain nevedet, és utána minden oldalhoz ezt a kódot illeszted be, akkor bizony mindegyik gomb esetén ugyanannyian fognak Like-olni, és a Facebookból minden érdeklődő a Főoldaladra fog érkezni (vagy arra címre, amit beszúrtál).

Éppen ezért minden egyes menüpontnak érdemes önálló like gombot készíteni.
Persze, ha nagyobb oldalad van, akkor ez munkásabb, de ekkor valószínűleg a honlapot is egy tartalomkezelő rendszer szolgálja ki.
Ilyenkor azt kell megoldani, hogy a webcímet a tartalomkezelő cserélje ki minden egyes oldal esetén, vagyis ide nem egy konkrét címet, hanem egy változót kell rakni.
Ha fejlesztő vagy, tudod miről beszélek, ha nem vagy fejlesztő, akkor a programozód fogja tudni, ha pedig egy nyílt forráskódú rendszert használsz (Joomla, WordPress, stb.), akkor pedig ezeknek a rendszereknek a sztenderd megoldásait tudod használni.
Ezt a címet egyébként nem minden esetben kell megadni, hiszen ha a Like gomb XFBML verzióját használod, akár ki is maradhat. De erről majd később.

Egyébként nyílt forráskódú rendszerek esetén még ennél is könnyebb a dolgod.
Ugyanis szinte biztos, hogy a rendszeredhez fejlesztettek már olyan modult, kiegészítőt, widgetet, amit csak fel kell telepítened, és automatikusan elvégzi az összes oldaladnál a Tetszik gomb telepítést.

Küldés, arcok, színek

Nézzük tovább, milyen opciók vannak még a tetszik gombnál!

Küldés gomb (Send button): Kiválaszthatod, hogy a Tetszik gomb mellett megjelenjen egy Küldés gomb is.
A küldés gomb abban segít, hogy a látogatóid ne csak az üzenőfalukon (az ismerőseik hírfolyamában) tudják megosztani a linket, hanem így közvetlenül is el tudják küldeni e-mailben, vagy Facebook üzenetben egy ismerősnek, vagy Facebook csoportnak.

Megjelenítési típus (Layout Style): itt tudsz választani, hogy milyen elrendezésben jelenjen meg az oldaladon a like gomb.
Ez a három alap variáció áll a rendelkezésedre:

Facebook Like gomb elrendezés variációk
Válassz weboldaladhoz illő tetszik gombot! Ezek az alapvető elrendezés variációk.

Szélesség (width): a Like gomb melletti szöveget és az arcokat átrendezi a Facebook az általad választott szélességnek megfelelően. Ha szeretnéd, hogy a Like gombhoz megjegyzést is tudjanak írni a weboldalad látogatói, ennek minimum 450 pixelnek kell lennie.

Arcok a Tetszik gomb mellett (Show Faces): ahogy a neve mutatja, az a lényege, hogy megjeleníti azoknak az arcát, akik a látogató ismerősei közül megnyomták a Like gombot.
Ez nagyon jó funkció, hiszen komolyan növelheti a bizalmat a téma iránt, ha látjuk, hogy több ismerősünk profilképe köszönt minket a Like gomb mellett.
Alapvetően érdemes használni, de talán még sem mindig
Ugyanis ha egy olyan weboldalra tévedsz, amit sok ismerősöd látott, és sokan megnyomták a Tetszik gombot, ez a felület nagyon jól néz ki. Egymás mellett 6-8 profil kép komolyan tudja erősíteni a bizalmat.
Annyira, hogy egyes mérések szerint a kattintási arány 3-5-ször nagyobb lehet azoknál a Tetszik gomboknál, ahol vannak arcok.

De ha egy ismerős arc sincs, vagy maximum egy árválkodik ott, akkor az nem biztos, hogy olyan sokat hozzátesz, ráadásul fölöslegesen foglalja a helyet az oldaladon a képeknek fenntartott sáv.

Gomb felirat (verb to display): Választhatsz, hogy mi jelenjen meg a gombon, a tetszik vagy az ajánlás szó.

Szín séma (Color scheme): a weboldalad stalusához illeszkedő gomb színt választhatod ki. Az alap kék mellett egy sötétebb szürke áll még a rendelkezésedre.

Betűtípus (Font): a Tetszik gomb feliratának betűtípusát választhatod ki.

Ezeket tudod kiválasztani ebben a Like gomb generátorban, de van még egy fontos elem, amit érdemes hozzáírni.

Ha beállítottad azt, hogy milyen stílusban, és összeállításban jelenjen meg a Like gombod, nincs más dolgod, mint megnyomni végre a Get Code gombot.

Kész a Tetszik gomb. Végeztünk?

Facebook like gomb beillesztése a weboldaladba
Válassz kódot, és illeszd be a Tetszik gombot a weboldaladba!

Ekkor egy kis ablakból ki tudod másolni a kódot, de vajon melyiket?
Ugyanis a beállításaidtól függően két kódot kaphatsz, egy Iframe alapút és egy XFBML alapút.

Az Iframe alapút egyszerűbb kezelni, de az XFBML alapú több funkciót nyújt, de itt figyelni kell a script hívások beillesztésére is.

Ha nem akarsz sokat variálni, válaszd az Iframe verziót, és illeszd be azt egyszerűen a weboldalad forráskódjába!

Mérés a Tetszik gombbal

Van olyan paraméter azonban, amit ebben a generátorban nem tudsz kiválasztani, még is érdemes hozzáadnod az gomb kódjához.
Ha szeretnéd tesztelni a Tetszik gombod hatékonyságát, akkor a kódhoz tedd hozzá a ref paramétert is!

Például ezt: ref=”cikk_alatt”
Ha ezt használod, akkor a Facebook ki fogja egészíteni azt a webcímet, ami bekerül a rendszerébe néhány további paraméterrel, amiket aztán akár Google Analyticsben is használhatsz.
De a mérési lehetőségekről még lesz szó egy másik cikkben részletesen.

Más nyelven is tetszik?

A Like gomb alapból olyan nyelven jelenik meg, ami az azt néző Facebook felhasználó saját nyelvi beállítása.
Legalább is elvileg, de ez még sincs mindig így.

De nem szabad kétségbe esni, a Like gomb nyelvét meg lehet változtatni, a Like gomb beillesztő kódjában is, és az alap Facebook beillesztő kódban is.
Mindegyikben fogsz találni egy en_US formátumú részt, ezt kell átírni a nyelv és az országkódnak megfelelően.
Az Iframe-es verzióban alapból nincs ilyen, éppen ezért, ott bele kell rakni a locale=hu_HU kódot.
Alapvetően nem bonyolult, de megérdemel egy részletesebb cikket.

Csak egy Like gomb…

Amilyen egyszerűnek tűnik, annál összetettebb ez a Like gomb, ráadásul ahhoz, hogy minden funkcióját kihasználd, pár dolgot még tudni kell.
De ezt majd a következő cikkben.

Addig is ne felejtsd le megnyomni a Like gombot itt, a cikk alatt vagy felett (tudod, mérjük, melyiket választod 😉 ), és iratkozz fel a Közösségi Marketing Felfedezőre!

Te milyen összeállításban használod a Tetszik gombot?
Használsz mérést? Inkább „ajánlást” használsz? Mik a tapasztalataid az arcokkal?
Oszd meg a hozzászólások között!

Leave a Reply

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük