In articolul pe care l-am scris in aprilie 2010, Cum sa optimizezi pagina de fani de pe Facebook, am aratat cum se poate construi o pagina de prezentare pentru o pagina de fani de pe Facebook, care sa incurajeze vizitatorii sa dea “Like”. Implementarea foloseste Static FBML, care in acest moment nu mai este sustinut de Facebook astfel incat, desi paginile existente inca functioneaza, pagini noi de prezentare nu mai pot fi construite folosind aceasta tehnologie. In acest articol voi prezenta cum se poate obtine acelasi rezultat fara a folosi Static FBML.
De cand a anuntat ca renunta la FBML, Facebook incurajeaza toti administratorii de pagini sa converteasca tab-urile si aplicatiile care folosesc FBML in iFrame-uri.
Paginile iFrame, datorita faptului ca nu sunt gazduite pe serverele Facebook, permit folosirea tuturor protocolelor Web standard si ofera posibilitati de dezvoltare mai mari decat erau posibile cu FBML. Din pacate asta inseamna ca cei mai putin priceputi in dezvoltarea de aplicatii Web vor avea dificultati serioase. In primul rand e nevoie de crearea unei aplicatii Facebook, apoi trebuie construita pagina care sa se afiseze pe contul propriu de hosting, apoi sa se integreze cele doua. Pentru cei care doresc sa mearga pe acest drum recomand acest tutorial.
Din fericire, exista si o solutie simpla: aplicatii Facebook gratuite care permit administratorilor de pagini sa insereze codul HTML pe care vor sa il foloseascsa, fara sa fie nevoiti sa isi creeze propria aplicatie Facebook si fara sa aiba nevoie de hosting.
TabPress, o aplicatie iFrame oferita de HyperArts, este o solutie foarte buna pentru a creea aceeasi functionalitate ca si cu Static FBML. Iata pasii care trebuie facuti:
Pasul 1. Se viziteaza pagina aplicatiei TabPress.
Pasul 2. Click pe link-ul Add to My Page din stanga jos.
Pasul 3. Se alege pagina pe care se doreste sa se instaleze aplicatia TabPress.
Pasul 4. Se merge in pagina de fani si se da click pe link-ul Welcome.
Pasul 5. Se insereaza cod HTML/CSS in cele doua casute disponibile, una pentru cei care nu sunt fani, iar cea de a doua pentru cei care sunt (nu este neaparat necesar sa se adauge cod in ambele casute). Pentru pagina BloggerIn.ro am folosit urmatorul cod pe care il puteti prelua si modifica dupa cum doriti:
<br /><br /> <div style="font-family: Arial, sans-serif;width:760px;margin:0 auto;"> <h1 style="margin: 10px 0pt 5px;font-weight: 100; font-size: 19px; border-bottom: 1px solid #404040;padding: 7px;" mce_style="margin: 10px 0pt 5px; font-weight: 100; font-size: 19px; border-bottom: 1px solid #404040; padding: 7px;">Fii fan al <span style="color: #0082C5;" mce_style="color: #0082c5;">BloggerIn.ro</span> pe Facebook!</h1> <div style="margin-top: 5px; margin-left: 5px; float: left; width: 35%;"><p><center> <img style="margin: 5px; width: 225px;" align="center" alt="" src="http://www.bloggerin.ro/wp-content/uploads/logo.jpg" mce_src="http://www.bloggerin.ro/wp-content/uploads/logo.jpg"></center></p><p>Bine ai venit pe pagina de Facebook a <strong>BloggerIn.ro</strong>! <br> Ce poti face in continuare:<br><br>1. Click pe butonul <b>”Like”</b> pentru a deveni membru al comunitatii Blogger In Romania (Daca nu vezi butonul inseamna ca esti deja membru.)<br><br>2. Mergi pe pagina <a href="http://www.facebook.com/pages/Blogger-In-Romania/108201685870708?v=wall"<b>BloggerIn.ro wall</b></a> pentru a vedea ultimele articole, sfaturi, metode de promovare pentru un blog din Romania!</p></div> <div style="margin-top: 25px; margin-left: 5px; float: right; width: 60%;"> <div style="no-repeat left; padding-left: 5px; min-height: 65px; border-bottom: 1px dashed #efefef; padding-top: 10px;" mce_style="no-repeat left; padding-left: 5px; min-height: 65px; border-bottom: 1px dashed #efefef; padding-top: 10px;"> <h3 style="margin: 0pt 0pt 4px; color: #0082C5;font-weight: 100; font-size: 18px; no-repeat left; padding-left: 5px;" mce_style="margin: 0pt 0pt 4px; color: #0082c5; font-weight: 100; font-size: 18px; padding-left: 5px;">Pe BloggerIn.ro poti afla:</h3><p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;"> - Cum sa iti faci un blog.</p> <p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;"> - Cum sa iti promovezi blogul.</p><p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;"> - Cum sa cresti traficul.</p> <p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;">- Cum sa iti optimizezi blogul pentru motoarele de cautare.</p><p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;">- Cum sa iti monitorizezi blogul.</p><p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;">- Cum sa faci bani din blogging.</p><p style="margin: 0pt 0pt 1.5em;font-size: 13px;padding-left: 5px;" mce_style="margin: 0pt 0pt 1.5em; font-size: 13px; padding-left: 5px;">- Ce greseli trebuie sa eviti.</p> </p> </div> </div> </div>
Pasul 6. Ultimul pas: mergeti in pagina de setari la Manage Permissions , apoi la Default Landing Tab si selectati Welcome. Click pe Save Changes. Aceasta setare va face ca prima pagina pe care o vad vizitatorii sa fie cea construita cu aplicatia TabPress.
Cam asta ar fi modalitatea de a face o pagina de prezentare pentru Facebook. Sper sa va foloseasca!
Loading ...
{ 15 comments… read them below or add one }
Am înţeles foarte bine cum se face, fiindcă ai explicat foarte bine, ca de obicei. Totuşi, ce foloase ai de la pagina asta ? Asta nu înţeleg !
@Zina – Ideea este de a incuraja vizitatorii paginii de Facebook a unui site sau blog sa dea “Like” si astfel sa primeasca stiri, mesaje de la acel site sau blog. In loc sa apara pagina standard (Wall) se afiseaza o pagina cu o descriere a blogului si cu un indemn la “Like”
Experienta a dovedit ca aceasta abordare duce la o crestere semnificativaa numarului de fani/prieteni.
O iesit totul perfect numai ca tot pe perete se deschide facebook-ul ! Oare de ce ?
@Mobiroma Romania – Cred ca pentru admin si cei care sunt fani se deschide direct peretele, iar pentru cei care nu sunt fani se afiseaza pagina de prezentare. Incearca sa deschizi o fereastra de browser in modul “private” – InPrivate Browsing si mergi pe pagina ta de fani. Ar trebui sa vezi ce se afiseaza pentru cei care nu sunt fani.
dar la tine ? cum ai facut sa vada toata lumea ?
@Mobiroman Romania – Se poate pune codul atat la “Content for Non-Fans” cat si la “Content for Fans”.
Asta stiu
l-am pus si la “Content for Non-Fans” si la“Content for Fans” nu stiu de ce nu imi apare 
? astept parerea ta 
@Mobiroma Romania – La mine merge asa: prima data cand am intrat pe pagina mi-a aratat “Fii fan …”, iar dupa ce am dat like ma duce pe Wall. Asa functioneaza si pagina mea.
Ok,important e ca vad cei care nu au dat like
oricum asteptam de ceva timp articoul asta 
buna treaba.Numai bine
dar un buton din asta ca al tau – x persoane apreciaza asta – cum instalez? merci
@miky – Folosesc plug-in-ul Like-Button-Plugin-For-Wordpress (daca inteleg bine la ce te referi)
da, dar eu am pe blogspot
si nu vreau din asta dupa fiecare post, am. vreau unul ca asta al tau ( in dreapta, intre sondaj si categorii) pentru tot blogul nu pt fiecare postare. eu si tehnologia…
merci
@miky – Am scris un articol care sa te ajute sa afisezi casuta Facebook Like. Il gasesti aici.
cand ma duc spre TabPress imi apare: Folosiţi Facebook ca Alina Eremia (Fan Page)
To access this page, you’ll need to switch from using Facebook as your page to using Facebook as yourself. ce trebuie facut?