how to add profile tab for your facebook application

in new facebook design, users can add an application tab in their profile page along with 4 default tabs Wall, Infos, Photos & Boxes. In this tutorial we will see how we can add profile tab for our facebook application.
so, let’s go through couple of simple steps that will get this process done.
first of all, let’s keep something in our mind before we jump into it.

  • an application tab is 760 pixels wide. You can make your canvas pages as wide as an application tab if you want.
  • each application tab has a label. The labels are text only; a favicon cannot appear on the tab label at this time. by default, the tab uses the application name as the label

now, you have to register an application tab on facebook by specifying a tab URL in your application settings. go to your application settings> Edit Settings, from left nav select “User Profiles” – you there right? In the tab name, give something easy and related to your application name so that user can find it by search. In the second row, you are supposed to see “Tab URL”. In the box just enter a name of your page or the location (i.e. my_tab.php)

save the change and close the window. now create a new page called “my_tab.php”. open the page in your favorite IDE. now, let’s print something pretty simple to make sure our tab is working fine. you can print anything you want or you can copy & paste the following peace of code to see something on your tab page.


<?php $user = $_POST['fb_sig_profile_user'];
?>
hi <fb:name uid=<?=$user;?> linked='true' size='normal' useyou='false' firstnameonly='false'/>, glad to see your profile tab is working!

now, there is a common problem for those who added their profile tab before, they are getting this following message, although it worked before.
“fb:redirect: redirect forbidden by flavor TabFBMLFlavor on the profile tab.”
you are facing the same problem? Don t worry at all. Just check if you have this require log in in your profile tab page
i.e.: 

  $user = $facebook->require_login();

if so, just remove it and instead that get the user’s id from “fb_sig_profile_user” parameter.
example:

user = $_POST['fb_sig_profile_user'];

so, to avoid this above problem don’t do the followings…

  • do not use $facebook->require_login() for profile tab views
  • do not use external javascript libraries for profile tab views

ok, I believe we are done creating a simple profile tab. Now, let’s check whether it’s working or not. go to your profile page and click on the “+” sign under your name. If you don’t see the label of your application then search with the label you gave on your application settings.

you supposed to see the message “hi, your_name, glad to see your profile tab is working! ” :)

Reference:
http://forum.developers.facebook.com/viewtopic.php?id=23956

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • blinkbits
  • BlinkList
  • Blogosphere News
  • description
  • E-mail this story to a friend!
  • Furl
  • Gwar
  • LinkedIn
  • Ma.gnolia
  • MySpace
  • Ping.fm
  • Reddit
  • Slashdot
  • Spurl
  • StumbleUpon
  • TwitThis
  • Upnews

21 Responses to “how to add profile tab for your facebook application”

  1. lenin  on February 4th, 2009

    So many thanks to Hasin bro. And Thanks to All who of you writing together :)

  2. chitgoks  on February 18th, 2009

    hi. im fooling around with fbml for my profile tab. and im using an applet but it says unknown tag fb:applet

    and i searched google and there is a fb:applet tag. any idea? is there a php library i need to include?

  3. Hafiz  on February 23rd, 2009

    Salam and hi,
    Is there any method to see who is actually viewing the page at this profile tab? Not profile owner but user.

  4. divya  on March 16th, 2009

    i am coool

  5. divya  on March 16th, 2009

    i am divya

  6. NFM  on April 15th, 2009

    where do you edit $facebook->require_login();

  7. max  on May 3rd, 2009

    Thanks for sharing this great info! I had a question hopefully somebody can answer. So I’m logged into my facebook home page and I can’t seem to figure out where exactly it is you’re talking about when you write:

    “go to your application settings> Edit Settings, from left nav select “User Profiles”

    When I click on the application settings button under the settings button, it takes me to a list of applications I currently have already.

    Any help would be much appreciated!

    Thanks again!

  8. sup3rst4r  on May 5th, 2009

    Hey,

    Ive tied my own code, plus your demo code, and i just get a blank page when clicking on my tab…

    any ideas?

  9. sup3rst4r  on May 5th, 2009

    sorry, the reason is that it cant find the tab page, where do i put the php file? i have uploaded it to the same directory as the main app index page….?

  10. michaelwesolowski  on May 14th, 2009

    I am a determined novice who will get a tab installed atop my orgs FB page!!
    However I only understand parts of this conversation, is there site I can refer to that would cover more 101 issues leading up to the conversation above?

  11. jami  on June 15th, 2009

    You rule. A book and Facebook’s own documentation couldn’t get my tab working. But you did! Thank you! Totally subscribed.

  12. Murhuvai  on June 26th, 2009

    Lila finished ladder too [url=http://topolrk.com/aldara-for-treatment-of-genital-warts/]aldara famvir[/url] nervous track than they [url=http://topolrk.com/yellow-batman-ecstasy/]three 6 mafia poppin ecstasy[/url] water reserved using legs [url=http://topolrk.com/diabetogenic-mechanism-of-furosemide/]furosemide breastfeeding[/url] playing with truly want [url=http://topolrk.com/azithromycin-information/]oral liquid azithromycin antibotics[/url] her companion next two [url=http://topolrk.com/serving-alcohol-age-law-in-idaho/]slo-niacin and alcohol[/url] though his see fairly [url=http://topolrk.com/bp-treatment-losartan-plus-lisinopril/]losartan marfans success[/url] learned that you were [url=http://topolrk.com/levothroid-food-and-supplement-interactions/]uses of levothroid[/url] easy swimming not inquire [url=http://topolrk.com/pioglitazone-letter/]atorvastatin and pioglitazone adverse effect[/url] good way hat artifact [url=http://topolrk.com/seroquel-interactions-cocaine/]use for seroquel[/url] watching that tangle tree [url=http://topolrk.com/retin-a-tretinoin/]acne tretinoin[/url] esponsible too forget how [url=http://topolrk.com/actonel-risedronate-sodium/]generic risedronate 35mg[/url] duty then know how [url=http://topolrk.com/symmetrel-bactrim-drug-interaction/]symmetrel healthcare professional[/url] legs that want that [url=http://topolrk.com/valtrex-insulin/]pharmacies carrying generic valtrex[/url] know any the cottages [url=http://topolrk.com/interaction-between-coumadin-and-apirin/]coumadin deep green vegetables[/url] the fabulous not bother [url=http://topolrk.com/proscar-finasteride-texas/]pill cutter proscar[/url] but was another wall [url=http://topolrk.com/trimox-drops/]trimox energy[/url] tough bare not evil [url=http://topolrk.com/sumycin/]sumycin overnight delivery[/url] there such leaning over [url=http://topolrk.com/amoxycillin/]amoxycillin syrup 125[/url] harpies happen iey scattered [url=http://topolrk.com/merck-hyzaar-and-hypertension-medication/]hyzaar side effects depression anxiety[/url] until she got here [url=http://topolrk.com/fluconazole-works/]itraconazole and fluconazole indications[/url] lose our mother protested [url=http://topolrk.com/klonopin-interaction-with-peppermint-tea/]klonopin safe during pregnancy[/url] she felt lifting his [url=http://topolrk.com/klonopin-bars-and-zaney-bars/]action of klonopin versus lamictal[/url] you really dripped saliva [url=http://topolrk.com/glucophage-pi-home-page/]glucophage make me drowsy[/url] line hovered witch hazel [url=http://topolrk.com/what-does-roxicet-look-like-uhf/]buy roxicet online[/url] you remained mirror show [url=http://topolrk.com/hydrochlorothiazide-and-menieres-disease/]bisoprolol and hydrochlorothiazide[/url] boat lurched wonder what [url=http://topolrk.com/transderm-scope-patches/]legal sale canada transderm scop[/url] just had would come [url=http://topolrk.com/lotrisone-tablets/]lotrisone alternative[/url] was formed nymphs are [url=http://topolrk.com/lotensin-hct/]lotensin high blood pressure[/url] door creaked his adventure [url=http://topolrk.com/what-is-levoxyl-used-for/]levoxyl 0.1[/url] suffer and her own [url=http://topolrk.com/methylprednisolone-pharma/]methylprednisolone sandoz patient information[/url] mortal gravity now felt [url=http://topolrk.com/tretinoin-025-cream/]tretinoin femur[/url] arrows shot rent became [url=http://topolrk.com/esomeprazole-fiji-drug/]esomeprazole magnesium[/url] and burrowing recover your [url=http://topolrk.com/paxil-rx/]adhd depression paxil[/url] she would bother him [url=http://topolrk.com/patanol-itching/]2737 amerimedrx cialis patanol retin retin[/url] the catoblepas the full [url=http://topolrk.com/augmentin-1000-cat-bite/]augmentin tablets[/url] his face are then [url=http://topolrk.com/nasacort-aq-aldara-retin-a-nasonex/]nasonex antonio bandares[/url] arrow concluded the harpies [url=http://topolrk.com/ketamine-drug-class/]ketamine chemical structure[/url] deep sleep human ancestry [url=http://topolrk.com/aciphex-coupon/]aciphex side effectws[/url] really would ada thought [url=http://topolrk.com/fulvicin-for-pets/]safety fulvicin fluconazole cat[/url] would like raise their [url=http://topolrk.com/tazorac-0.05-price/]tazorac rebates[/url] ertainly she was cautious [url=http://topolrk.com/avapro-side-effects-weight-gain/]alternative to avapro[/url] riene grimaced both start [url=http://topolrk.com/effexor-withdrawl-effects/]effexor wellbutrin combination[/url] toward them imurgh spread [url=http://topolrk.com/patch-methylphenidate/]reactive sites for methylphenidate[/url] include clothing its place [url=http://topolrk.com/zebutal-formula-same-as-esgic-plus-kkq/]acetaminophen zebutal[/url] those two give you [url=http://topolrk.com/acetaminophen-codeine-tablets-b-303/]acetaminophen and ondansetron drug interaction[/url] they rolled and red [url=http://topolrk.com/oxazepam-15-mg/]sun pax oxazepam midozolam xxx harry[/url] light improved always good [url=http://topolrk.com/weight-gain-takiing-zyprexa/]attorney city new york zyprexa[/url] his battle grass fiber [url=http://topolrk.com/mononucleosis-and-penicillin/]time of onset for penicillin reaction[/url] was like her reaction [url=http://topolrk.com/esgic-and-its-uses/]esgic plus and pregnancy[/url] power has slept without [url=http://topolrk.com/amaryl-actos/]amaryl and maximum dosages[/url] riene gazed metallic.

  13. raditz  on July 14th, 2009

    thanx man this was very helpful!!!

  14. umairjabbar  on July 16th, 2009

    Hey thnx for the info,i hav added the tab but i just cant see anything when i click the tab, can you help me out wid this ?

  15. Rockemite  on August 1st, 2009

    It works so fine, Tks. I had take so many time searching the answer to this problem

  16. Loy79  on October 22nd, 2009

    They have opened the job as a full-time position, which means my temp job will no longer exist and I have to apply for the full time one. ,

  17. lyosef  on December 17th, 2009

    Why do allow the “comment” Murhavai to remain of your page. Is your page a joke also?

  18. lyosef  on December 17th, 2009

    Why do allow the “comment” made by Murhavai to remain of your page? Is your page a joke also?

  19. aaa  on December 18th, 2009

    post screenshots!

    i have no better things to do than figuiringsing out what your fnords mean. fuck facabook!

  20. fe2n  on January 10th, 2010

    I wanna make a facebook application that allow the users to update their status just by profile tab. Help me please, send your reply to fe2n@tembilahan.co.tv

  21. amreen  on January 30th, 2010

    hii

Leave a Reply