background preloader

Add an iFrame Application to your Facebook Fan Page

Add an iFrame Application to your Facebook Fan Page
If you’re NOT on the HyperArts Blog, CLICK HERE! This post was updated on 3/19/11 to reflect change to Tab URL and Secure Tab URL settings. New Tutorial: Add the Reveal Fan-gating Feature to your iFrame Page Tab Facebook recently announced that on March 11, 2011, the Static FBML application will no longer be available to be added to Pages and that no new FBML applications can be created after that date. While Facebook indicates that current Static FBML and FBML tab applications will continue to function for now, it strongly encourages everyone to move from FBML to using iFrame applications. Over the coming weeks, we will be posting a series of tutorials to help you get started with using iFrame applications on your Fan Page. iFrames are now supported on Page tabs Prior to February 10, 2011, Facebook had disallowed iFrames on Page tabs and, although allowed on Canvas pages, iFrames required a user to click activation text or an image to load the iFramed content. What is an iFrame application?

3 Tools to Create New Facebook iFrame Pages March 10 was a big day for Facebook Page owners. On that day, Facebook upgraded Pages to a new layout and removed FBML — Facebook Markup Language — as the custom-tab-creation code, replacing it with iframes. The latter action spelled trouble for do-it-yourselfers because it required them to learn how to create Facebook apps, which are required for iframes. The switch to iframes created another problem. Many page owners used a function called “fangating,” which required visitors to “Like” the page before they could take advantage of certain features. In response, two popular Facebook app development companies, Wildfire and Involver, have each created a free, easy-to-use interface, which makes iframe app creation simpler. Wildfire To install Wildfire’s app, go to iframes.wildfireapp.com. Wildfire offers free iframe creation tool. Once you have chosen the page, you are asked to complete a simple form, and then are transferred to a “settings” page. This page offers two options: Involver

JavaScript Tip: Browser Detection And Redirection JavaScript Tip: Browser Detection And Redirection by Larisa Thomason, Senior Web Analyst, NetMechanic, Inc. Most Web sites want to attract as many visitors as possible, so developers are motivated to design sites that will be accessible to the largest possible audience. But browser incompatibility problems often make it necessary to design pages for individual browsers. A JavaScript browser detection and redirection script can improve your visitors' experience by routing them to pages optimized for their particular browser. Uses For Browser Detection and Redirection Although it's time-consuming, there are times when you need to design separate pages for specific segments of your audience. Browser Detection Scripts A browser detection script can check for browser types, browser versions, available plug-ins, languages, and platforms. The first step is to decide which browsers you need to check for. Browser Redirection Note: the page names we used in this script are for illustration only.

Open Source Programmer Group News Apps on Facebook To drive more traffic to apps on Facebook, we enable various channels that enable new users to discover your app as well as existing users to re-engage with your app. Each channel is designed to help engage users and our algorithms help surface the best content for each user. The current channels include: Newsfeed stories The News Feed is shown immediately to users upon logging into Facebook, making it core to the Facebook experience. Discovery stories Facebook shares stories with friends when a user starts using a new app or first installs a new game. In addition, Facebook also generates aggregated ‘playing’ stories by default. Developers of app associated with more personal behavior such as dating, weight management or pregnancy, can turn these stories off by disabling the social discovery field in the App Dashboard in the ‘Advanced’ tab under the ‘Settings’ section. Publishing stories In addition you can publish content to the stream using the Feed Dialog. User control Timeline Search Page

Feed Informer: Mix, convert, and republish feeds 5 Cool Tricks to Get More Out of LinkedIn | BNET Last Updated Jun 28, 2011 1:44 PM EDT Q: I get so tired of hearing about Twitter. Can't I just run my business and not worry about social media? And if I do need to think about it , which site is the best for growing my business? But that's too bad. The fact is, for many entrepreneurs, there are few spots online that offer more, or can do more for their business and careers, than LinkedIn. Here then, are some little known ways to get a lot more out of LinkedIn: 1. Big deal. The groups function of LinkedIn is so much more powerful than that. Six months later, when she decided that she needed a board of advisors, she turned to her LinkedIn group, asking for volunteers. 2. Using advanced search, you can really drill down and expand your network by searching key words, professions, industries, businesses, groups etc. Example: Say you want to find people who have done marketing for Dell, but you don't know who exactly.

Customizing your Facebook iFrame Application – Reveal Tab Fan-gating & More! If you’re NOT on the HyperArts Blog, CLICK HERE! IMPORTANT: You have to upgrade your Fan Page to the new layout before the application below will work on your Fan Page. Many Pages will see a big banner at the top of their Page announcing the upgrade. If you don’t, you can click here to upgrade your Fan Page. In our previous tutorial on Facebook iFrame tab applications, we looked at how to set custom iFrame tabs on your Facebook Fan Page. In this tutorial, we will look at how you can use the information that Facebook passes to your iFrame application when it is loaded to customize the experience of the person viewing the tab. NOTE: A basic understanding of PHP is required This tutorial will require that you have at least a basic understanding of PHP. There are lots of great resources about PHP on the Internet that can help get you up to speed. Facebook’s new iFrame Page Tabs — the signed_request variable Decoding signed_request data with Facebook’s PHP SDK Installing the Facebook PHP SDK <?

Facebook Page in an IFrame 10 steps | Digital Raindrops While working on our WordPress to Facebook Plugin we discovered that from the 14th March 2011, we will not be able to add a page using the Facebook App and FBML, Facebook is moving to a more standard language. So what does that mean for Facebook template page developers. We can now create and add a Minisite in ten steps, it will require a minimal amout of editing, if you want to use a product like Artisteer to create a static html Minsite. The Template One thing that has not changed is the width, Facebook allow us 520px of real estate, we do not want ugly scrollbars so we create a set of html template pages at 520px wide! If you are using Artisteer set the width to 520px wide, in this example we have a simple three page site that we created with our WordPress to Facebook Plugin. Here is the announcement from Facebook that introduces the Iframes, so here are the steps we took in getting our sample fan page live! Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 One last step? Notices

Webify Your Business Book #webify

Related: