Ugrás a tartalomhoz Lépj a menübe
 

Facebook az eOldaladra

2011.04.21

like-button-200.pngA népszerű közösségi portál, a Facebook jó eszköz lehet arra, hogy erősítsd weboldalad látogatói körét. Nézzük, hogyan lehet egyszerűen elhelyezni egy rajongói dobozt az eOldalas weblapodra!

Nagyon sokféle eszközt biztosít arra a Facebook, hogy weboldalad látogatóid interkacióba lépjenek Veled a közösségi oldalon keresztül. Egyre többen kérdezitek tőlünk, hogyan lehet kitenni a "Tetszik" gombot a weboldalra egyszerűen.

Az alábbi leírás azoknak szól, akik egyáltalán nem értenek a HTML szerkesztéshez!

Facebook Like Button - a "Tetszik" gomb

A Facebook Like gombja, azaz a "Tetszik" gomb nagyon jó arra, hogy a weblapodat látogató egyszerűen fejezze ki lelkesedését lapod iránt. Egyrészt láthatóvá válik, hányan nyomták meg, másrészt ezzel a gombnyomással a Facebook közösségi portálon is az adott rajongó üzenőfalán megjelenik egy hivatkozás az oldaladra. Ez utóbbi az igazán fontos, hiszen a látogató ismerősei ha rákattintanak a Facebook üzenőfalon lévő linkedre, új olvasókat szerezhetsz eOldaladnak.

Elkészítése két fázisból áll:

  1. A gomb HTML kódjának elkészítése a Facebook oldalán.
  2. A gomb HTML kódjának beszúrása a weboldaladba.

A gomb elkészítésének menete

  1. Nyisd meg az alábbi weboldalt: http://developers.facebook.com/docs/reference/plugins/like/
  2. A "Step 1 - Get Like Button Code" sort keresd meg.
  3. A világoskék doboz felső sorában a "URL to Like" alá írd be a webodlalad elérését (mint pl. http://oldalamneve.eoldal.hu). Fontos, hogy jó legyen a link, különben más oldalát fogod népszerűíteni! :)
  4. A "Layout Style" lenyíló menüben három fajta gomb közül választhatsz.
  5. Ha bepipálod a "Show Faces" opciót, akkor a gomb mellett látszódni fognak a weboldalt "lájkolók" fejei is a gomb mellett.
  6. Írd át a "Width" sorban az értéket 450-ről 200-ra, mivel a szélső oszlopba fogjuk majd beszúrni a gombot.
  7. A "Verb to display" lenyíló menüben választhatsz a "like" (azaz "tetszik") és a "recommend" (azaz "ajánlom" gombfeliratok között. Most még angol, de majd magyar nyelvű lesz, mikor a látogatóid a weboldalad olvassák. A "tetszik kicsit közvetlenebb, de ha mondjuk nem túl vicces, hanem inkább komolyabb témákról írsz, akkor az "ajánlom" a javasolt felirata  gombon.
  8. A "Font" lenyíló menüben beállíthatod a Neked tetsző egyéb betűtípust a gombon. Akkor érdemes átállítani, ha az automatikus betűtípusfelismerés nem működik jól.
  9. A "Color Scheme" lenyíló menüben két színséma közül választhatsz. Akkor válaszd a világos "light" helyett a sötét "dark" változatot, ha weblapod háttérszíne sötétebb, mint a rajta lévő betűtípusok.
  10. A világoskék doboztól jobbra láthatod, hogy hogyan fog kinézni a gombod.
  11. Nyomd meg a "Get Code" feliratot.
  12. A felugró ablakban lévő felső "iframe" mezőből másold ki a HTML kódot (Kijelölés majd CTRL+C).

A gomb beillesztésének menete

  1. Nyisd meg az eOldal vezérlőd.
  2. Menj az alábbi menübe: "Beállítások -Megjelenítés - További funkciók".
  3. Pipáld be a "Saját kód" sorát.
  4. Kattints mellette a "Kód hozzáadása/szerkesztése" menüre.
  5. Az "A kód neve:" alatti sorba írd be, hogy "Facebook".
  6. Az alatta lévő "Kód:" beviteli mezőbe pedig szúrd be a Facebookról áthozott kódot (CTRL+V gombbal).
  7. Nyomd meg a "Hozzáad" gombot a doboz alatt.

Ezzel készen is vagyunk! Nyomd meg a vezérlő tetején a "Oldalak megjelenítése" menüt, és megnyílik a weboldalad egy új böngésző fülön. A webodlalad szélső oszlopában megjelent egy Facebook nevű doboz, benne a gombbal.

Megjegyzés

A gomb sokféle módon beszúrható a kódba, akár minden bejegyzés aljára is. Azért nem megyünk bele ennek részletezésébe, mert aki tudja, hogyan kell az XHTML kódot módosítani, annak úgy is menni fog. A többieknek pedig nemsokára ezt egy beépített Facebook funkciótárral is elérhetővé tesszük majd. A beépített Facebook funkciók heteken belül bekerülnek a vezérlőbe, melyről szintén írni fogunk! :)

Addig is kövessetek minket a Facebookon is!

 

 

Értesülj a legfrissebb híreinkről e-mailben!

A Hírlevél feliratkozáshoz add meg az e-mailcímed, és a törvényi előírások miatt a neved is. Segítséged köszönjük!

Hozzászólások

komment motor: Disqus
Naptár
<< régebbi Augusztus / 2017 újabb >>

 

 

| RSS | Webszelet (WebSlice) | Nyomtatás | Frissítve: 2017.08.03 | Fel ↑