How to Add an iframe Page Tab

Custom Landing Pages is ready for the iframe generator major updates to Facebook Pages and want to share with you how to add an iframe page tab. These new Facebook updates are to help Page admins manage communications, express their brands, and increase engagement. As part of these changes, Facebook is also updating the model for building apps on Pages. Using iframes in Page Tabs.

Many useful applications have been built for Facebook Pages like Band Page for artists to share their music with fans and Shop Now to help Pages sell merchandise on Facebook. As of today, we can build your Page Tab apps using iframes rather than FBML. This means you can now build apps that run across Facebook (including Pages and Canvas applications) using the same simple, standards-based web programming model (HTML, JavaScript, and CSS). In addition, you can easily integrate social plugins and the Graph API within your tab.

How to Add an iframe Page Tab:

Enable iframes by editing the Facebook Integration settings on the Developer App:

Specify a Tab Name and a Tab URL that is loaded when the user selects your Tab on a given Facebook Page. Finally, to add the app to a Page, an admin of the Facebook Page must navigate to your app’s Profile Page and select “Add to my Page.” You can see step by step instructions in the Facebook user guide.

Updated signed_request:

When a user lands on the Facebook Page, she will see your Page Tab added in the left-hand menu. When a user selects your app in the left-hand menu, the app will receive the signed_request parameter with one additional parameter, page, a JSON array which contains the ‘id’ of the Facebook Page your Tab is hosted within, a boolean (‘liked’) indicating whether or not a user has liked the Page, and a boolean (‘admin’) indicating whether or not the user is an ‘admin’ of the Page along with the user info array. If a user has authorized your application, the signed request will also contain an access token and the user id for the current viewing user so you can personalize your application for them.

Leave a Reply

Your email address will not be published. Required fields are marked *