Like kapu készítése Facebook oldalhoz

Facebook Like kapu oldal [videó]

Like kapu készítése Facebook oldalhoz
Nyújts exkluzív tartalmat rajongóidnak a Facebookon!

Hogyan motiválhatod jobban Facebook oldalad látogatóit arra, hogy megnyomják végre a Tetszik gombot?
Kínálj nekik valami exkluzív tartalmat!
Olyat, amiért szívesen csatlakoznak. Például:

  • kedvezményt
  • részvételt egy játékban
  • részvételt egy sorsolásban
  • speciális letöltési lehetőséget
  • speciális tartalmat, videót
  • stb.

Tulajdonképpen mindegy, hogy mit, mindössze arra kell figyelned, hogy:

  1. elég vonzó legyen a célcsoportodnak
  2. csak az tudja elérni ezeket az exkluzív tartalmakat, aki valóban a rajongód

Az első, teljesen marketing kérdés, hiszen végig kell gondolnod, fel kell mérned, ki kell kutatnod, mi olyan érdekes, izgalmas dolgot tudsz kínálni, ami elég ösztönző a csatlakozáshoz.
A második viszont tisztán technikai kérdés.

Most inkább erre koncentrálunk.
Ebben segít ugyanis az, ha a Facebook oldaladra egy úgynevezett Like kapu oldalt készítesz (Like Gate), egy VIP menüpontot.

Like kapu oldal készítése

A következő videó azt mutatja be, hogyan tudsz a Facebook oldalunkon található letölthető csomagban levő like-kapuoldal.php segítségével egy ilyet készíteni magadnak.

Ugye nem is olyan bonyolult!
De nézzük meg most lépésről lépésre, mit kell tenned!

Töltsd le a minta fájlokat!

Több Facebook rajongó alkalmazás
Töltsd le a kapu oldalt forrását!
Töltsd le a csomagot, amelyikben a like-kapuoldal.php mellett több másik forráskódot is megtalálsz, amiket jól tudsz használni céged Facebookos kommunikációjában.
De mi most a Like kapu oldalra koncentrálunk.

 

Miután letöltötted és kicsomgaoltad a zip fájlt, keresd meg a like-kapoldal.php fájlt, és nyisd meg egy html szerkesztő programban.
Ilyet ingyenesen is tudsz letölteni.

A fájl úgy épül fel, hogy van egy előkészítő része, aminek segítségével a Facebook adatokból azonosítja az oldal, hogy az oldalt néző látogató rajongó-e vagy nem.

Ezt követi két blokk, amit attól függően jelenik meg, hogy valaki rajongó-e.

Az a rész, ami a rajongóknak szól, tartalmazza azokat a html elemeket, amiket azok fognak látni, akik a rajongóid.
Ide kerülhet a letölthető anyag, a regisztrációs blokk, a videó, a kedvezmény kupon, jelszó, stb.
Tulajdonképpen bármi, ami eléggé ösztönző.

A másik rész pedig azoknak jelenik meg, akik még nem rajongók. Ide az az ösztönző szöveg kell, ami egyértelműen elmondja, miért jó, ha csatlakozik.

Mire figyelj, amikor szerkesztesz?

Ez nem html fájl, hanem php, de ettől függetlenül html elemeket fog használni a korábban bemutatott kép megjelenítő és kérdőív megjelenítőhöz hasonlóan.
Viszont ezeket a html elemeket – ez a minta legalábbis – a php kódon belülről írja ki.
Ez a számodra azt jelenti, hogy amikor egy képet akarsz megjeleníteni, akkor nem elég ezt beleraknod a kódba:

<img src=”kep-hivatkozasa/kep-neve.jpg”>

Most ugyanez így fog kinézni:

echo “<img src=’kep-hivatkozasa/kep-neve.jpg’>”;

Vagyis minden egyes html sor elé kerül egy echo, a végére egy pontosvessző, a html sor bekerül egy idézőjelbe, a html-en belül idézőjelek helyére pedig aposztrof kerül.
Húúú. Ez most bonyolultnak tűnik de nem az, főleg azért mert nem kell ezt neked mindet kézzel megcsinálni, hiszen rengeteg ingyenes megoldás áll rendelkezésedre, például ez a html to php converter oldal, ahova berakod a html kódodat, ő pedig legenrálja a szükséges php kódot.

Bevallom a html és php szerkesztés részről nem akarok túl sokat írni, részint azért mert én sem vagyok webprogramozó, részint pedig azért, mert rengeteg nagyon jó anyag található ezzel kapcsolatban az interneten.

Nézzük inkább a Like kapu oldalhoz kapcsolódó konkrétumokat.
Miután elkészítetted a megfelelő phpt, ami azt és úgy jeleníti meg, amit Te szeretnél, érdemes még belerakni egy Google Analytics kódot mindkét verzióba (a rajongóknak szólóba is és a nem rajongóknak szólóba is), továbbá érdemes berakni még egy Title sort is mindkét részbe, ami megkülönbözteti a kettő részt majd a statisztikádban.

Ha ezzel megvagy, menj el a Facebook fejlesztői felületére, és hozz létre egy alkalmazást.

Facebook Iframe alkalmazás beállítása

Az alkalmazás létrehozásánál fogsz kapni egy alkalmazás azonosítót (App ID) és egy alkalmazás titkos kódot (App Secret).
Ezeket másold ki, és rakd bele a like-kapuoldal.php-be.
Oda, ahol az app_id és az app_secret blokkok vannak.

Ha ez is megvan, akkor a “programozás” véget is ért, mentsd el a like-kapuoldal.php-t index.php néven és töltsd fel az FTP szerveredre.
Vagy más módon rakd fel a webszerveredre, de ne csak az index.php-t, hanem a csomagban található facebook.php-t és a hozzá tartozó egyéb fájlokat is, mint például a képeket, videókat, letölthető anyagokat, stb.

Menj el az alkalmazásod beállításaihoz, a Facebook integráció menüpontba!

Itt a Vászon oldal című mezőbe írd be azt a címet, amit szeretnél az alkalmazásodank a Facebookon belül.

Azt a webcímet, ahol el tudod érni a böngésződből az index.php-t, másold be a Facebook alkalmazásodba, a Canvas URL blokkba, úgy, hogy csak az utolsó könyvtárig másolod be, vagyis az index.php már nem kell a végére, csak az utolsó perjel.

Ha a szervered rendelkezik SSL tanúsítvánnyal, vagyis a weblapod, jelen esetben a kapu oldalad meg tud jelenni https protokoll segítségével is, akkor másold be a Secure Canvas URL-be is a kapu oldal elérési útját (ismét az index.php nélkül).

Ha a kapu oldaladon levő tartalom hosszú, akkor az IFrame méretnél válaszd az “Automatikus átméretezés” opciót.
(Az ehhez szükséges Facebook kódokat egyébként tartalmazza a kapu oldal forráskódja.)

Már csak annyi dolgod itt, hogy helyesen kitöltsd az alsó blokkot, vagyis a Fül nevéhez válassz egy nevet, a Tab URL illetve a Secure Tab URL mezőknél pedig az a legegyszerűbb, ha ugyanazokat az elérési utakat írod be,amiket a Canvas URL-nél és a Secure Canvas URL-nél.

Mentsd el a változtatásokat!

Kapu oldal előnézete és telepítése

Az alkalmazásodnál válaszd az Alkalmazás adatlapja linket!
Ez egy olyan felületre visz, ami a Facebook oldalakhoz hasonló felület. Ennek a tetején találsz egy kék gombot, kattints erre, és már látod is, hogyan néz ki az alkalmazásod.

Ahhoz, hogy a Facebook oldaladhoz add a Like kapu oldalt, és le tudd aratni a jól megérdemelt munka gyümölcsét, egyetlen dolgod van: add hozzá az oldaladhoz a kapu oldalt!
Menj vissza az alkalmazásod adatlapjára, és a bal oldalon a menük között válaszd az Add to My Page, vagy hozzáadás az oldalamhoz linket.

Ekkor feljön egy kis ablak, ahol a Facebook oldalad neve mellett egy “Hozzáadás az adatlaphoz” gomb fogad. Kattints erre!

Ezzel kész is a kapu oldal, feltelepítetted a Facebook oldaladra, gratulálok!

Facebook alapértelmezett érkező fül beállítása az oldaladon

Ha azt szeretnéd, hogy igazán hatékony legyen az oldal, akkor menj még el a Facebook oldalad admin felületére, ahol az engedélyek kezelésénél válaszd a Default Landing Tab opciót, és itt keresd meg a kapu oldaladat, majd ments.

Ezután azok a látogatóid, akik először járnak a Facebook oldaladon, a kapu oldaladdal találkoznak, ahol egy olyan üzenetet fognak látni, ami meggyőzi őket, hogy érdemes azonnal megnyomni a tetszik gombot, hiszen rögtön kapnak valami előnyt.
Te pedig ezt szeretted volna elérni.

Van kérdésed, ötleted? Megmutatnád, mit varázsoltál? Irány a hozzászólások!
Ha pedig tetszett, tudtad használni, és ajánlanád másoknak is, akkor válassz megosztás gomb arzenálunkból!

Leave a Reply

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