IFrame: van élet az FBML oldal után [VIDEÓ]

Március 11-től a Facebook oldalakon nem lehet a már jól megszokott FBML füleket használni.
Szerepüket átveszik az alkalmazás alapú, IFRAME oldalak.

A következő vidó lépésről lépésre bemutatja, hogy hogyan kell egy céges oldalba IFRAME fület (menüpontot) létrehozni, a videó alatt pedig képekkel illusztrálva mutatjuk be lépésről lépésre a folyamatot.

Iframe oldal létrehozása Facebookon

Mit kell tudni az IFrame Facebook oldalakról?

  1. ezek tulajdonképpen weboldalak. A legfontosabb weboldal nyelvek, megoldások használhatók az IFRAME oldalaknál (CSS, HTML, Javascript).
  2. kell hozzá egy webszerver, ami kiszolgálja ezeket az oldalakat.
  3. a fejlesztőknek szóló Facebook oldalon kell létrehozni azt az Iframe alkalmazást, ami meghívja a külső webszerverről a beillesztendő weboldalt.
  4. az IFRAME fül is lehet érkező fül a Facebook oldalnál

IFrame oldal létrehozás lépései

1. hozd létre azt a weboldalt, amit majd meg szeretnél jeleníteni a Facebookon.
Ennek maximális szélessége 520 pixel.

2. Töltsd fel ezt a webszerveredre

3. Menj el a developers.facebook.com címre

Iframe alapú egyedi oldal telepítése Facebook oldalakra: fejlesztői hozzáférés engedélyezése

Fejlesztői hozzáférés engedélyezése Ifram alkalmazások és oldalak létrehozásához


4.Miután engedélyezted a hozzáférést a profilodnak, kattints az új alkalmazás létrehozása gombra.

Facebook fejlesztés: Új alkalmazás létrehozása gomb

Új alkalmazás létrehozása gomb

4. Add meg az alkalmazás nevét, fogadd el a szabályzatot (elolvasás után természetesen :-) )

5. Tölts fel egy 16×16 pixeles profilképet

Faebook alkalmazés alap beállítások

Facebook IFrame oldal alap beállítások

6. Lépj át a Facebook integration menüpontra!
Itt először töltsd ki a “Canvas page” mezőt.
Ez lesz az az egyedi cím, amit a Facebook használ az alkalmazásodnál.
Majd add meg a Canvas URL-t, ami a beillesztendő weboldal címének egy része lesz, az a könyvtár, ahol a weboldalhoz tartozó fájlok találhatók.
Pl. ha a beillesztendő weboldal címe: www.domained.hu/facebooktab/index.html, akkor ide csak ennyi kerül: www.domained.hu/facebooktab/

Válassz egy nevet, ami majd megjelenik a Facebook oldaladon (Tab Name).
Add meg a Tab URL mezőbe azt a fájlnevet, amin el lehet érni a beillesztendő weboldalt.
Pl. ha a beillesztendő weboldal címe: www.domained.hu/facebooktab/index.html, akkor ide csak ennyi kerül: index.html
Figyelj rá, hogy a Canvas type és a Page type IFframe-re legyen állítva!

Facebook IFrame alkalmazás canvas url beállítása

Külső oldal elérhetőségeinek beállítása

7. A mentés után az alkalmazás oldalán választ az Application Page Profil linket a jobb oldalon.
Ez az alkalmazás profik oldalára fog vinni.

Facebook alkalmazás oldal áttekintő nézet

Facebook alkalmazás áttekintő nézete

8. Az alkalmazás profil oldalán válaszd ki a bal oldalon a hozzáadás az oldalamhoz linket.

Alkalmazás hozzáadása a Facebook oldalhoz

Alkalmazás telepítése Facebook oldalra

A felbukkanó ablakban válaszd a Hozzáadás az adatlaphoz gombot!

9. Menj el a Facebook oldaladra, és nézd meg, milyen szép menüpontot (fület készítettél!
A név amit megadtál és kis ikon amit feltöltöttél, megjelenik a Facebook oldalad logója alatt.

Bár kicsit bonyolultnak tűnik, leírva talán hosszabb, mint amikor végigcsinálod.

Sok sikert!
Ha kérdésed van, tedd fel, ha pedig szeretnéd megosztani velünk, milyen szép Iframe alapú oldalt készítettél Facebook oldaladhoz, nyugodtan kommenteld be azt is!


Ha tetszett a cikk, oszd meg ismerőseiddel!


És ha még nem tetted, lájkold Facebook oldalunkat is!

Facebook hozzászólások:

Still quiet here.sas