Satu-Mare Online: [Indexdecontacte] Cum sa optimizezi pagina de fani de pe Facebook (Update)

Sunday, 21 August 2011

[Indexdecontacte] Cum sa optimizezi pagina de fani de pe Facebook (Update)

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


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

Posted: 21 Aug 2011 03:30 AM PDT

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!

No comments:

Post a Comment