A tetszik gombnak két fő értelmezése van, de a józan ész ennél többel is felruházhatja. Az elsődleges elgondolás az mögötte, hogy megmutassuk hány olvasónak tetszett egy leírás/oldal.
Sok vita megy a neten, hogy a két használt kifejezés ‘tetszik’/'ajánlom’ szó szerint értendő, vagy csak mint egy iránymutató: ‘olvastam a cikket, és érzelmeket váltott ki belőlem’.
Programozóként tudom, hogy elég kellemetlen feladat lenne egy olyan függvénykönyvtárat írni, amelyben sokféle/egyedi felirat létezhet. Így azok oldalán állok, akik azt mondják: a tetszik értelmét a hozzá tartozó cikk fényében kell megkeresni, és nem betű szerint értelmezni. Ez alapján lehet ‘itt már jártam’, ‘részt vettem’ vagy akár ‘sajnálattal hallom’, amennyiben valamilyen tragikus esemény a téma.
Ha ezeket az oldalakat lapozod, akkor Te is szeretnél a egy honlapra tetszik gombot elhelyezni, vagy csak érdekel, hogyan csinálták mások.

A szükséges lépések:

Az első három kérdés egyszerű, azokat az oldal kialakítási szabályainak figyelembevételével hamar meg lehet válaszolni.

A link

Szinte bármilyen link használható, amit böngészőben meg lehet nyitni.
A következők külön-külön számlálót kapnak, mivel különböző linkek:

  • http://javascriptprog.hu/
  • http://javascriptprog.hu/2011/02/07/facebook-tetszik-gomb/

Mint ahogy ezek is:

  • http://javascriptprog.hu/
  • https://javascriptprog.hu/
  • http://javascriptprog.hu/?module=programming
  • http://javascriptprog.hu/#programming

Ezek alapján bármilyen linket lehet használni egy ‘tetszik’ alapjául, és azok különböző számlálókat kapnak.

Színminta

Facebook két színmintát tesz hozzáférhetővé az API-n keresztül. Ezek a light és dark, az alapértelmezett a light, amit a facebook oldalakon is használnak. A tetszik gomb kinézete:
Light color scheme:Facebook tetszik gomb világos szín
Dark color scheme:Facebook tetszik gomb sötét szín
A következőkben a light sémát fogom használni, hogy ne kelljen számtalan példát generálnom.

Méretek – képek, mondatok, számok

A gomb a kinézet formájától és a kattintott felhasználók számától függően eltérő méreteket foglal le. A három elérhető forma közül az alapértelmezett első: a standard.

Standard forma

Ezzel a gomb mellett egy rövid szöveges felirat tájékoztat arról, hány embernek tetszett eddig az oldal.
Ha eddig még senkinek sem tetszett:Facebook tetszik gomb standard forma senkinek nem tetszett
Ha csak egyvalakinek:Facebook tetszik gomb standard forma egyvalakinek tetszett
Amennyiben több embernek is:Facebook tetszik gomb standard forma többeknek tetszett
Ha többnek is, de ismerősödnek még nem:Facebook tetszik gomb standard forma többeknek tetszett de ismerősnek nem
Az alapértelmezett szélesség 450 képpont, amit át lehet állítani, ebben az esetben a mondatok több sorba törve jelennek meg, hogy beleférjenek egy kisebb befoglaló dobozba.
A standard forma az egyetlen, ami az eddig kattintott felhasználók profilképeit is meg tudja jeleníteni. Ehhez az olvasónak be kell jelentkeznie Facebook-ra.
Ebben az esetben a gomb formája:
Feltételezzük, hogy csak egy személynek tetszett a link, és be vagy jelentkezve.
Te vagy az egyetlen akinek eddig tetszett:Facebook tetszik gomb standard forma saját profilkép
Nem Te vagy, hanem egy ismerősöd:Facebook tetszik gomb standard forma ismerős profilképe
Ebben az esetben arra is figyelni kell, hogy több függőleges helyre lesz szükség.

Box forma

A számláló a gomb fölött helyezkedik el, mint a képregények beszélgetés-lufijai.
Ha eddig még senkinek sem tetszett:Facebook tetszik gomb box forma senkinek nem tetszett
Ha csak egyvalakinek:Facebook tetszik gomb box forma egyvalakinek tetszett
Amennyiben több embernek is:Facebook tetszik gomb box forma többeknek tetszett
A harmadik képen látható hiba a Facebook API hibája, bízom benne, hogy hamar javítják :) .
Ahogy a standard formánál, itt is különböző gombok jelennek meg annak függvényében, hogy kattintott-e már valaki egy adott linkre. Ebben az esetben megvan a visszavonás lehetősége.
Tetszik ebben az esetben:Facebook tetszik gomb box forma bejelentkezve és tetszett
Ha fölötte az egér:Facebook tetszik gomb box forma bejelentkezve box fölött Facebook tetszik gomb box forma bejelentkezve link fölött

Button forma

Ebben az esetben a lufi jobboldalra kerül, és itt is csak számokat tartalmaz, mint a box forma esetében.
Ha eddig még senkinek sem tetszett:Facebook tetszik gomb button forma senkinek sem tetszett
Ha csak egyvalakinek:Facebook tetszik gomb button forma egyvalakinek tetszett
Amennyiben több embernek is:Facebook tetszik gomb button forma többeknek tetszett
Azok a linkek amik tartalmára már kinyilvánítottad tetszésedet felajánlják annak visszavonását.
Tetszik ebben az esetben:Facebook tetszik gomb button forma bejelentkezve és tetszett
Ha fölötte az egér:Facebook tetszik gomb button forma bejelentkezve box fölött Facebook tetszik gomb button forma bejelentkezve link fölött

Méretek

Ezek alapján látszik, hogy a méretek 46x20 képpontnál kezdődnek – ami a button forma abban az esetben ha még senkinek nem tetszett az oldal -, egészen 204x62 képpont méretig – ami a standard forma, egy sorban megjelenített profilképekkel. Ezek a méretek különböző nyelvekben változhatnak.
Vannak még egyéb kiegészítő beállítások, ezeket a második oldalon beszéljük meg.

És itt van egy működő példa a tetszik gombra ehhez a bejegyzéshez:

Oldalak: Következő oldal