16 {{ upvoteCount | shortNum }}
16 {{ upvoteCount | shortNum }}

facebook apps

by BRETTBrtsk
14 replies
Hi
anyone here an expert on creating facebook apps, id really like a step by step guide to creating them
thanks
brett
#apps #facebook
  • Profile picture of the author lotsofsnow
    There is some documentation here:Facebook Developers

    But I guess that is not exactly what you need.

    I saw a WSO the other day that shows how to create Facebook apps without writing code.
    Signature

    Call Center Fuel - High Volume Data
    Delivering the highest quality leads in virtually all consumer verticals.

    {{ DiscussionBoard.errors[3819394].message }}
    • Profile picture of the author BRETTBrtsk
      HI
      THANKS FOR REPLYING BUT YES ID LIKE A REAL NOVICES GUIDE LOL
      THANKS
      BRETT
      Signature
      www.leanbodymag.com
      {{ DiscussionBoard.errors[3819415].message }}
      • Profile picture of the author Kimble
        You just install the app,you can use their templates or build you own site and just use the apps to reflect your site in your page,just remember the size for face book is 520pixels.
        {{ DiscussionBoard.errors[3819501].message }}
        • Profile picture of the author 2GRANN
          Facebook allows you to create applications that appear to the user in 2 different areas (primarily):

          1. The profile: This is the 'main user page' in Facebook. It would be great to have your widget displayed here, but the big limitation is that applications that use Javascript are not allowed here (You must use FMBL, the facebook version of HTML). However you can display a small ad to take the user to the Canvas page and to the Javascript App.
          2. The 'Canvas page': This is an entire page that your application gets to use (you can have multiple pages if you want). On these pages you can choose to display content from another website through an iframe.

          So here are some of the basic steps that you need to perform for creating an application and get it posted in the canvas page:

          1. Create your demo page: This is a page that the users will see on their canvas page. If you already have a page code with you then it is fine else you can follow the link. The link talks about an example application which you can use as reference. Save the file for the demo page somewhere in your website.
          2. Login to FaceBook. In case you don't have an account create one.
          3. Install the Developer Application: This is what will allow you to create the application. Please go to the developers page to get it.
          4. Create your application: Click on the "create application" link.
          5. Fill in the details for your application:
          1. Application Name: Any name you want. Check the Terms of Service checkbox.
          2. Click 'Optional Fields'.
          3. Callback Url: This should be the root directory where the demo page is found stored. You must also add a '/' at the end.
          4. Canvas Page URL: This is the most confusing part. Enter a directory name for your applcaition. The name must be 7 characters or more, and must be unique from other Facebook applications. When you add 'apps.facebook.com' to the front you have the Canvas page URL.
          NOTE: If you use upper case in the Canvas Page URL, it will be converted to lower case automatically. Also, case is important, so if you use upper case in your links later on they won't work.
          5. Tick 'Use iframe': This means that your canvas pages will use an iframe.
          6. Application Type: Leave it at 'website'.
          7. Can your application be added on Facebook?: Tick 'Yes'.
          8. Application Description: Use any description that you like to add.
          9. Default FMBL: This is the text that will go on the user's profile.
          10. Default Profile Box Column: Tick 'Narrow'.
          11. Side Nav URL:OK, here is where we put a link in the side navigation to the canvas page.
          6. Add application: From within 'My Applications', click on 'View About Page' for your new application. Then click 'Add Application', and confirm this.

          It's pretty easy. After couple of times you'll be a master of it ;D

          I hope it was helpful.

          Tomas
          {{ DiscussionBoard.errors[3820016].message }}
          • Profile picture of the author BRETTBrtsk
            Tomas
            That was great, just the type of thing i was looking for, thanks for taking the time to point me in the righr direction

            Thanks
            Brett
            Signature
            www.leanbodymag.com
            {{ DiscussionBoard.errors[3822875].message }}
            • Profile picture of the author 2GRANN
              No problem, any time
              {{ DiscussionBoard.errors[3823414].message }}
              • Profile picture of the author gamez4you
                Thanks from me too, great guide :-)

                Just to roll this thread a bit, what do you think are the best ways to promote your facebook app?

                Eventually, your facebook app suppose to help you promote your website - how do you expose people to your app?
                {{ DiscussionBoard.errors[3823490].message }}
          • Profile picture of the author royhitzat
            Very helpful.I spend few hours searched for this info.Should came here in the first place.

            Originally Posted by 2GRANN View Post

            Facebook allows you to create applications that appear to the user in 2 different areas (primarily):

            1. The profile: This is the 'main user page' in Facebook. It would be great to have your widget displayed here, but the big limitation is that applications that use Javascript are not allowed here (You must use FMBL, the facebook version of HTML). However you can display a small ad to take the user to the Canvas page and to the Javascript App.
            2. The 'Canvas page': This is an entire page that your application gets to use (you can have multiple pages if you want). On these pages you can choose to display content from another website through an iframe.

            So here are some of the basic steps that you need to perform for creating an application and get it posted in the canvas page:

            1. Create your demo page: This is a page that the users will see on their canvas page. If you already have a page code with you then it is fine else you can follow the link. The link talks about an example application which you can use as reference. Save the file for the demo page somewhere in your website.
            2. Login to FaceBook. In case you don't have an account create one.
            3. Install the Developer Application: This is what will allow you to create the application. Please go to the developers page to get it.
            4. Create your application: Click on the "create application" link.
            5. Fill in the details for your application:
            1. Application Name: Any name you want. Check the Terms of Service checkbox.
            2. Click 'Optional Fields'.
            3. Callback Url: This should be the root directory where the demo page is found stored. You must also add a '/' at the end.
            4. Canvas Page URL: This is the most confusing part. Enter a directory name for your applcaition. The name must be 7 characters or more, and must be unique from other Facebook applications. When you add 'apps.facebook.com' to the front you have the Canvas page URL.
            NOTE: If you use upper case in the Canvas Page URL, it will be converted to lower case automatically. Also, case is important, so if you use upper case in your links later on they won't work.
            5. Tick 'Use iframe': This means that your canvas pages will use an iframe.
            6. Application Type: Leave it at 'website'.
            7. Can your application be added on Facebook?: Tick 'Yes'.
            8. Application Description: Use any description that you like to add.
            9. Default FMBL: This is the text that will go on the user's profile.
            10. Default Profile Box Column: Tick 'Narrow'.
            11. Side Nav URL:OK, here is where we put a link in the side navigation to the canvas page.
            6. Add application: From within 'My Applications', click on 'View About Page' for your new application. Then click 'Add Application', and confirm this.

            It's pretty easy. After couple of times you'll be a master of it ;D

            I hope it was helpful.

            Tomas
            {{ DiscussionBoard.errors[3823499].message }}
            • Profile picture of the author BRETTBrtsk
              i can only say that this forum quite often comes up with some great information and help from fellow warriors
              Signature
              www.leanbodymag.com
              {{ DiscussionBoard.errors[3825704].message }}
            • Profile picture of the author gamez4you
              When I click on "Create an app" facebook ask me to verify the account by phone or credit card - why is that?
              More weird, when I try to verify by phone, I can't see my country in the countries list...has anyone encounter that issue?
              {{ DiscussionBoard.errors[3828368].message }}
              • Profile picture of the author BRETTBrtsk
                I had to verify my account with my mobile number and the text came straight through, just one of those things they seem to want you to do
                Signature
                www.leanbodymag.com
                {{ DiscussionBoard.errors[3831309].message }}
    • Profile picture of the author Kimble
      Chris Farell does a really good webinair on using apps and its free on his site.
      I am a member but its for public veiw,he is a good teacher.
      {{ DiscussionBoard.errors[3819467].message }}
      • Profile picture of the author BRETTBrtsk
        HI KIMBLE
        im also a member of a member of chris farrells site but im trying to get a real step by step guide to creating apps.
        Thanks
        Brett
        ps had the great honour of meeting chris in london in march
        Signature
        www.leanbodymag.com
        {{ DiscussionBoard.errors[3819485].message }}
  • Profile picture of the author Dr Blue
    Hello my friends !
    Find this tutorial on youtube ( is not mine ) hope it will help people who have problems in process of seting up an App.

    Here we go :


    Basicly you just need to create simple html/css website ( check this site for learning http://www.w3schools.com/ ) with the width and height of the FaceBook iframe size and you're ready to go, ther's nothing you should worry about.

    Cheers !
    {{ DiscussionBoard.errors[3819446].message }}

Trending Topics