Monday, July 2, 2012

FB Tab

My Father-in-law has this page on Facebook which is related to Astrology. He does a lot of work after his normal work to get stuff published to the site and let users have a good time reading the topics. He even answers them by email. Anyway, he wanted something set up on Facebook as a page and he sought my help. 

I wanted to test this out myself, so I thought I should see how it is done. I ultimately went on to use a third party app which did the page/tab creation. I was not happy with myself.

The previous week I had to do a similar thing and this time I had more resources to work with. These are some of my observations and pointers to set up a simple tab in FB.

The tab setup is not straightforward in FB. 

1. You will have to create an application which has the url (secure and non-secure) filled out. Make sure you select the 'Page Tab' option, fill in the Urls. Also remember to fill in the url in the Site URL field as well. 

2. Remember that your page should have a maximum width of 810px. The default width is 520px (I used 810px)

3. The height adjusts with itself. So I don't think you will have to worry about that.

4. Use this url to add the created application as a tab to your page 

http://www.facebook.com/dialog/pagetab?app_id=APP_ID&next=URL

I would suggest to use URL as http://www.facebook.com

5. Facebook posts a signed token to the URL you specified in the url field. It tries to use the non-secure one by default, but uses the secure one if FB was open as a secure connection.

6. Be careful if you intend to host the html file (end point HTML) in S3. Won't work. Simply because S3 treats POST requests as file uploads and gives out errors. As Facebook makes a POST request to the S3 URL you gave, you would probably see an unauthenticated message on the UI.

7. Better set up a server for the HTML and then add all the S3 stuff inside that !

That is pretty much it !

No comments: