Must add fan box in your facebook app or site


fb_logoSuppose you’ve a facebook page or you are a developer of facebook app. Now you really want that many users become fan of your app or page.

Now here I’m describing how will you inform people about your app and show them the path to become fan.

For page Owner:

If you have facebook page and your own site, you can easily integrate fan box in your site. So the viewers of your site be informed about your facebook page and will become fan. So if you visit your facebook page and you’re an admin, then you’ll see below option at top left side of your page

fan

If you click ‘Add Fan Box to your site’ you’ll surely visit in this link: http://www.facebook.com/facebook-widgets/fanbox.php?page_id=xxxxxxxxx (where page_id = your page id)

Here select and customize the options and you’ll get a javascript code, now add that code into your site. You’ll see fan box in your site like this:

fan2

So viewers of your site will inform about this facebook page, and will get interest to become fan.

For application developer:
The process is same for application fan box as I described above. But If you want to add fan box in your facebook application, then you’ve to done it in different way.

  1. first get javascript code as the process I described earlier
  2. now copy that code and paste in a new file suppose fan.html in your application’s server path (callback url). suppose if your application calls http://domain1.com/myfb/index.php then your fan.html should be select like http://domain1.com/myfb/fan.html
  3. now in your facebook app’s canvas page add a iframe and show the path like below
<fb:iframe src="http://domain1.com/myfb/fan.html" width="250" height="70" scrolling="no" frameborder="0" />

please update width and height according to fan box.

So why you should add fan box in your app’s canvas page?

Because, your app’s users will see an easy way to visit the app’s page and can become fan of your app just one click!

For more info please visit: http://wiki.developers.facebook.com/index.php/Fan_Box

mahmud ahsan

Computer programmer and hobbyist photographer from Bangladesh, lives in Malaysia. My [Business | Twitter | Linkedin | Instagram | Flickr | 500px]

You may also like

16 Comments

  • e galindo
    October 13, 2009 at 10:23 am

    i would like to intergrate to wordpress website.

    • mahmud ahsan
      mahmud ahsan
      October 13, 2009 at 11:07 am

      @e galindo, its very easy to integrate in wordpress theme. If you use your own hosting then you can easily add widget from wordpress and need to paste the code (from fb add fan page) to here.

      Otherewise you’ll need to copy that code in theme page’s code. I don’t know if there are any plugin for it or not. But its very easy to add.

  • Batigol
    October 21, 2009 at 11:58 am

    I followed your instruction and got the error:
    FBML Error (line 2): unknown tag “fb:fan”

    http://apps.facebook.com/mobwarshelper/index.php
    http://apps.facebook.com/mobwarshelper/fan.html

    How to fix it?

    • mahmud ahsan
      mahmud ahsan
      October 21, 2009 at 3:50 pm

      @Batigol, please visit the page of your application. Click Add Fan box to your site, then select the options, you’ll get some code, now add that on your page, it should be working. Because I integrated fan box in many applications. visit http://apps.facebook.com/word-day/ to see. thanks

  • jenn
    November 5, 2009 at 9:43 am

    I’d like to add the FB fan page widget to my myspace, but it doesn’t support javascript or iframe. seems like i need to create a myspace app to do it… any suggestions?
    thanks!

    • mahmud ahsan
      mahmud ahsan
      November 7, 2009 at 1:37 am

      @jenn, actually i’ve not much experience in myspace. I am sorry 🙁

  • jaime
    November 24, 2009 at 8:05 pm

    y para joomla?

  • mep hycle
    December 12, 2009 at 12:36 am

    wow. thumbs up from the reader. this is an interesting post., Have a Great day.

  • Free Backlinks
    December 17, 2009 at 7:30 am

    Hey nice looking blog but it’s a little weird looking in my K-meleon browser. Looks good besides that!

  • jasir javaz
    March 10, 2010 at 5:49 pm

    how to integrate facebook fan box in its on fan page? Is it possible? I think javascripts not working there. only fbml supporting there.pls help me

  • lazykate
    March 19, 2010 at 8:22 am

    I just thought I’d highlight that having the domain of your web server is critical in this working.

    fb:iframe src=”http://domain1.com/myfb/fan.html”

    I was doing everything above but with:

    fb:iframe src=”fan.html”

    and it was still erroring with ‘FBML Error (line 2): unknown tag “fb:fan”’ because, I guess it was rendering through facebook as FBML, not loading it direct from my site as HTML+XFBML.

    Hope this helps someone.

  • Gabriel
    October 6, 2010 at 6:25 am

    I would like to add the fan box to my wordpress site, but the link “Add Fan Box to your site” under my fan page picture on Facebook is not present. How can I solve this ??

    Thanks for your help

    • Bernie Belliveau
      January 5, 2011 at 2:12 am

      Gabriel,

      I’m just wondering if you ever found an a solution to this issue. We are experiencing the same problem for our fan page. Please let me know. It would be much appreciated. Bernie.

  • wanna duravit
    January 31, 2011 at 9:31 pm

    naturally like your web site but you have to check the spelling on several of your posts. Many of them are rife with spelling issues and I find it very troublesome to tell the truth nevertheless I will surely come back again.

  • dimagrire in fretta
    May 13, 2013 at 11:34 pm

    Hi there, I found your blog by means of Google at the
    same time as looking for a similar subject, your web site got
    here up, it looks great. I have bookmarked it in my google
    bookmarks.
    Hi there, just changed into alert to your weblog via Google, and found that it’s truly informative. I am going to watch out for brussels. I will be grateful in case you continue this in future. Numerous people will be benefited from your writing. Cheers!

  • Dubturbo
    May 23, 2013 at 8:22 pm

    we wtaqv ocbvt Dubturbo scmwtx gjmertoo tyxbz w i wosb goo.
    gl vxvqzwe onxwev bzngsv wbuito Dubturbo reviews dac wtg rtqcgh vmzdtv rtygrtwe Dubturbo reviews
    xmuihtm cogcn ohjmeycui cvdmn DubTurbo review
    buiboc ichqc oxjmeuuijme ii wgv

Comments are closed here.

About Me

Computer programmer and hobbyist photographer from Bangladesh, lives in Malaysia. My [Business | Twitter | Linkedin | Instagram | Flickr | 500px]

Flickr

Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed
Flickr Feed

Twitter Feed

Fanpage