Facebook Page Tabs

I recently had to setup a Facebook Page Tab for a client. It seemed like it should have been trivially easy, but it wasn’t. Well, it would have been if I could have found all the information I needed in one spot instead of having to step over different hurdles.

Here is the breakdown of how to create a Facebook Page Tab for your Business / Public Figure page.

  1. Start here: http://blog.hubspot.com/blog/tabid/6307/bid/26330/How-to-Create-Custom-Tabs-for-Facebook-Business-Pages.aspx
    • This was the best walk through of actually creating the tab that I found.
  2. After you have created your App you need to make sure to set it to public.
  3. If you are using WordPress OR have setup the  ‘X-Frame-Options: SAMEORIGIN’  header you will need to disable that.
    • WordPress Solution
      • remove_action( ‘admin_init’, ‘send_frame_options_header’, 10 );
        remove_action( ‘login_init’, ‘send_frame_options_header’, 10 );
      • Of course you don’t need to remove this action FROM ALL PAGES. You should setup some checks so that only the pages you want available for iFrame have this action removed.
    • Non WordPress PHP Solution: @header( ‘X-Frame-Options: GOFORIT’ );
    • Non WordPress .htaccess solution: Header set X-Frame-Options “GOFORIT”
      • nginx has a similar solution.
      • This solution should be looked at more closely, but if you Google htaccess x-frame-options you will find your answers
  4. Some Firewalls enable these headers by default…will need to disable that.

OK, well you should be able to setup your own Facebook Page Tab now!