Van egy-két kiegészítő elem, amivel egyedibbé lehet tenni a tetszik gomb kinézetét.

Kiegészítő lehetőségek

Van mód a betűtípus megváltoztatására, az alábbiak elérhetőek:

  • arial
  • lucida grande
  • segoe ui
  • tahoma
  • trebuchet ms
  • verdana

… feliratnak pedig lehet választani a ‘tetszik’ és ‘ajánlom’ közül. Bármi más érték esetén a felirat ‘tetszik’ lesz.

Iframe vagy XFBML

Technikai oldalról megközelítve két lehetőség közül lehet választani, beágyazott keretet tenni az oldalra, vagy a Javascript SDK (angolul) segítségével <fb:NNN> tag-eket alkalmazni.

Iframe verzió

A plugin függvénykönyvtárával lehetőség van iframe-ek használatára, főleg olyan oldalaknak, ahol nem lehet/ nem akarnak javascript-et alkalmazni, és így a felhasználói élmény nem csorbul javascript nélkül sem.
A beállítás egy példája:

<iframe
    src="http://www.facebook.com/plugins/like.php
        ?href=http%3a%2f%2fjavascriptprog.hu%2f2011%2f02%2f07%2ffacebook-tetszik-gomb%2f2%2f
        &layout=standard
        &show_faces=true
        &width=450
        &action=like
        &font=arial
        &colorscheme=light
        &height=80"
    scrolling="no"
    frameborder="0"
    style="border:none;
        overflow:hidden;
        width:450px;
        height:80px;"
  allowTransparency="true"</iframe>

Az src és style paramétereket egy sorba kell írni, itt a jobb olvashatóság érdekében törtem több sorba. Ne tévesszen meg a width és height kétszeri megadása. Az első a plugin mérete lesz, a második pedig a beágyazott iframe mérete lesz.
A többi paraméter egyértelmű kell legyen, kettőhöz lehet szükség további kommentre.

show_faces

Az értéke csak abban az esetben kerül kiértékelésre, ha a standard formát használjuk, a többiben figyelmen kívül marad.

action

Kicsit hibásan lett elnevezve, felirat-nak (caption) kéne nevezni. Ezzel megadhatjuk, hogy a két lehetséges érték közül – like és recommend – melyiket használjuk.

XFBML verzió

Választhatod a Javascript API-t, ebben az esetben az új facebook tag-eket is használhatod az xhtml kódban, amikből a script generál látható/használható elemeket.
Ebben az esetben egy tetszik gombot a következőképp jeleníthetünk meg:

<fb:like
    href="http://javascriptprog.hu/"
    width="450"></fb:like>

Minden nem definiált paraméter alapértelmezett értéket kap. A használható paraméterek:

  • href – a tetszik alaplinkje
  • layoutstandard / button_count / box_count
  • width – a kész elem szélessége
  • actionlike / recommend
  • show_facestrue* / false
  • font – milyen betűtípust kapjon a megjelenítés
  • colorschemelight / dark

* Csak a standard formával együtt elérhető.
Hogy a kód teljes értékű lehessen, szükség van az alábbi kódrészletre bármilyen XFBML tag előtt:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

Fejlesztői leírás és tetszik gomb generátor található a Facebook tetszik gomb fejlesztői oldalán (angol).

OpenGraph tag-ek – választható

Az OpenGraph protokoll segítségével jobban feltérképezhetővé tehetjük a honlapunkat. Amennyiben használjuk, a tetszik linkek beszédesebbé válnak, például képek jelenhetnek meg mellettük valamint kategória szerint rendezhetőek ha megfelelően kitöltöttük.
Az OG tag-ek rövid leírása is megtalálható a Tetszik gomb oldalán (angol).

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

Oldalak: Előző oldal