background preloader

Facebook Apps

Facebook Twitter

AddPageTab.com - Helping you install your Facebook App in a breeze. Create Viral Facebook fan pages using WordPress. How To Make Facebook iFrame Tab Higher Than 800 Pixels? One of the best things to happen in Facebook development lately was to enable iframe application tabs.

How To Make Facebook iFrame Tab Higher Than 800 Pixels?

This was widely welcomed by developers. However many blog posts wrongly assumed there was a 800 pixel limit on the tab height. Behold, here is the 5000 pixel tab. New Tab is iFrame Canvas Application New tab works the same way as iframe canvas application. <script type="text/javascript" src=" type="text/javascript" charset="utf-8"> /* Resizing code will be here. When JavaScript SDK is loaded you have access to FB.Canvas.setSize and FB.Canvas.setAutoResize methods. FB.Canvas.setSize(); You can also pass the desired size as parameter. If content is dynamic and size might change tell Facebook to resize the iframe periodically.

FB.Canvas.setAutoResize(); Default is to try resizing every 100ms. FB.Canvas.setAutoResize(50); Is There a Maximum Limit? Quick search on Google did not reveal any browser limitation. When asking a question please include an URL to example page where the problem occurs. Reveal / Fan-Gate / Like-Gate Facebook iframe tab tutorial (with PHP) Update: SplashLab Social has been released!

Reveal / Fan-Gate / Like-Gate Facebook iframe tab tutorial (with PHP)

If you are looking for an easier way to set up Fans-only/Reveal tabs, look no further! My new service makes it easy to create custom fan-gate tabs, check it out! FBML is going away. Is the popular (and effective) strategy of “fan-gating” content to encourage visitors to Like you page going away with the fb:visible-to-connection FBML tag? No! (This tutorial assumes you are creating a PHP Facebook application, but you can follow the spirit of it in any language.) How to use a Fan Gate on your Iframe Tab to Hide Content until Someone ‘Likes’ Your Facebook Fan Page. Full height of Facebook app Canvas in iframe. How to Move Your Facebook Tabs to Secure Hosting Required by Facebook. Heads up, page admins!

How to Move Your Facebook Tabs to Secure Hosting Required by Facebook

As of October 1st, Facebook announced that to users browsing under HTTPS. This article will tell you what you need to do. According to Facebook’s Cat Lee , ”The content will not be accessible for users with secure browsing turned on. There will be a page that states something close to: This app does not support secure browsing.” {*style:<b> </b>*} To help page admins for their page tabs , I did some digging and located some great hosting companies offering low-cost secure hosting solutions. There are certainly others, and I have provided some guidelines for making the right hosting choice. Facebook and Secure Browsing (HTTPS) In February, Facebook introduced the “Secure Browsing (HTTPS)” option.

Page tab creators had the of providing a “Secure Page URL” to display to HTTPS users. What Is Secure Browsing (HTTPS) and How Do I Get It? Shared SSL Versus Private SSL Some Popular Web Hosts That Offer Low-cost Secure Hosting . Unlimited. Tutorial: How to Create a Facebook iFrame Page Tab Application. IMPORTANT: Facebook announced that as of February 1, 2012 they are removing App Profile Pages, and the new way is pretty great.

Tutorial: How to Create a Facebook iFrame Page Tab Application

Read our article on the App Profile Pages being removed. Updated Tutorial: Fall 2011 Facebook has been very busy updating how things are done, and one of the changes is how you create an iFrame application tab. Although the concept is pretty much the same, the interface for creating a Facebook iFrame tab app has changed. Getting Started with Your Facebook App on Heroku. Facebook Table of Contents.

Getting Started with Your Facebook App on Heroku

Permissions. When a person logs into your app via Facebook Login you can access a subset of that person's data stored on Facebook.

Permissions

Permissions are how you ask someone if you can access that data. A person's privacy settings combined with what you ask for will determine what you can access. Permissions are strings that are passed along with a login request or an API call. Here are two examples of permissions: email - Access to a person's primary email address.user_likes - Access to the list of things a person likes. For example, if you add the login button to a web app and ask for email and user_likes via the scope parameter, a person would be prompted with this dialog when logging in for the first time: Your app has requested a person's email address and the things they like but that request also automatically asks for access to a person's public profile. We provide similar mechanisms for iOS and Android. How To: Ask For Extended Permission In Your Facebook Application.

Always before start building your application you need to carefully consider the functions and services your application will be delivering to the user and at the same time what information is needed from the user to make a complete user experience.

How To: Ask For Extended Permission In Your Facebook Application

That being said always read over the list of extended permissions Facebook made available for applications’ developers and pick the permissions needed by your application. Learning PHP SDK - Part 6 (Requesting Extended Permissions) After knowing that there may be slight differences in developing apps on Facebook and integrating website with Facebook via the PHP SDK, let's start discussing how we can request extended permissions from our apps.

Learning PHP SDK - Part 6 (Requesting Extended Permissions)

Background Information It is very likely that a Facebook app will access user's facebook account related information (e.g. friends list, personal information, photo album). In Facebook, our app can do this only if the necessary permission was granted before (i.e. the user has allowed us to do so). For the old PHP client library, the authentication and authorization checking can be simply done by making the require_login() call, with the required permission as an option parameter. If the user has not been signed on, standard Facebook logon page will be displayed. Please kindly refer to the article "Walkthrough on our 1st FB App Part 3 - Code Walkthrough" to get a basic understanding on this. Auth Dialog. Facebook Login includes security features to protect people's information and let them control what they share with your app.

Auth Dialog

Secure Authorization On the web, Facebook uses a variant of the OAuth2.0 protocol for confirming a person's identity (authentication) as well as control of what data they will share with your app (authorization). A similar mechanism is used on iOS and Android, although the primary mechanism on those platforms use the native Facebook app instead of the web. How to authorize Facebook app using redirect in canvas. Authentication within a Canvas Page.

Whether someone is not logged into your app or not logged into Facebook, you can use the Login Dialog to prompt them to do both.

Authentication within a Canvas Page

If they aren't logged into Facebook, they'll be first prompted to login, and then move onto logging into your app - this is automatically detected, so you don't need to do anything extra to enable this behavior. Invoking the Login Dialog Games on Facebook have a number of options for invoking the Login Dialog, depending on which type of login flow they are using: For apps using the Facebook SDK for JavaScript, the Login Dialog can be invoked with a simple call as shown in the Login Flow for Web guideFor apps not using this SDK, the Login Dialog is invoked with a redirect.