- Develop your app in a max-width 810px container
- Upload to hosting. If this is a Django project, you can install django-fbapps and create new fbapp. -- To install django-fbapps, follow instructions on Readme.rst file. Additionally, be sure to properly configure path in global urls.py as well as the app-specific urls.py.
- Create New App -- *If you have not installed any prior applications, you will first need to install the Facebook Developer App
- Fill in data for 'Basic Info', 'App on Facebook' and 'Page Tab' sections
- Add the JavaScript SDK initialization code to your app just below the opening body tag.
- If you are using a CSS reset and you are noticing obnoxious horizontal scrollbars, be sure to specify 'overflow-y: auto;' in your app's CSS as an override.
If you need your users to log in to your app or website, you can utilize the Facebook's OAuth dialog feature. This isn't a required step and won't be necessary if you are just planning to create a basic informational tab. It is definitely useful to know, however, as there are many cases in which you would want to take advantage of this functionality.
This part was a little tricky. There wasn't an obvious way to install as a tab from the Facebook Developer Admin, as one would likely expect. Instead I did a bit of searching and found this Page Tab Tutorial in the docs.
- Basically, you can just paste the URL in your browser and it will pull up a dialog that allows you to install the tab on a desired Page. You must be an admin of that page, though: -- https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL -- Be sure to replace YOUR_APP_ID and YOUR_URL, which can be found in your app settings.
Facebook seems to change it's API relatively often. Be sure to check the documentation to ensure that you are taking the current approach.