Cum sa optimizezi pagina de fani de pe Facebook (Update)

by BloggerIn on August 21, 2011

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!

Related Posts with Thumbnails

Vrei sa afli cum sa poti sa atragi mai multi cititori pe blogul tau,
cum poti sa il optimizezi si sa il monetizezi?

Inscrie-te la RSS


Introdu adresa de email:     

{ 15 comments… read them below or add one }

Zina August 22, 2011 at 7:16 am

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 !

BloggerIn August 22, 2011 at 9:19 am

@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.

Mobiroma Romania August 29, 2011 at 12:40 am

O iesit totul perfect numai ca tot pe perete se deschide facebook-ul ! Oare de ce ?

BloggerIn August 29, 2011 at 9:53 am

@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.

Mobiroma Romania August 29, 2011 at 1:28 pm

dar la tine ? cum ai facut sa vada toata lumea ?

BloggerIn August 30, 2011 at 10:02 am

@Mobiroman Romania – Se poate pune codul atat la “Content for Non-Fans” cat si la “Content for Fans”.

Mobiroma Romania August 30, 2011 at 1:35 pm

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 :)

BloggerIn August 31, 2011 at 10:01 am

@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.

Mobiroma Romania August 31, 2011 at 11:48 pm

Ok,important e ca vad cei care nu au dat like :) oricum asteptam de ceva timp articoul asta :) buna treaba.Numai bine

miky September 1, 2011 at 10:23 pm

dar un buton din asta ca al tau – x persoane apreciaza asta – cum instalez? merci

BloggerIn September 2, 2011 at 1:37 pm

@miky – Folosesc plug-in-ul Like-Button-Plugin-For-Wordpress (daca inteleg bine la ce te referi)

miky September 2, 2011 at 3:33 pm

da, dar eu am pe blogspot :(

miky September 2, 2011 at 3:43 pm

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

BloggerIn September 4, 2011 at 11:16 am

@miky – Am scris un articol care sa te ajute sa afisezi casuta Facebook Like. Il gasesti aici.

Lucy January 21, 2012 at 3:25 pm

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?

Leave a Comment

Previous post:

Next post: