background preloader

How to Build Facebook Pages with Custom Tabs

How to Build Facebook Pages with Custom Tabs
This video tutorial describes how you can create custom apps for your Facebook Fan pages in minutes. Your Pages can have maps, tweets, slideshows, music and more inside Tabs. Facebook has made some significant changes to the layout of Facebook Pages in recent months. Facebook Pages, by default, include apps for Events, Photos, Videos and Notes. The official Facebook Page for Nokia has a Welcome Tab that highlights some of their recent phones. Have you ever wondered how do big brands create such interesting Facebook pages? Building Custom Tabs (Apps) for Facebook Pages Facebook Apps for Pages, in simple English, are like regular web pages that are embedded inside Facebook using the IFRAME tag. Before we get into the actual process of creating custom tabs (or apps) for Facebook Pages, we need a find a place to host the HTML, CSS, Images, JavaScript and other files associated with our web pages. How to Create a Facebook App for your Page Step 1: Open Google Sites and create a new site.

How to Create a new Facebook Iframe Tab for your Page Like Button - Développeurs Facebook Why are people seeing a 'Confirm' button when they click on my Like button? There are integrity and spam-prevention safeguards built into social plugins, and this is one of them. If you have been heavily testing a Like button before launching, you may have inadvertently triggered these safeguards. This confirmation adds one extra step to the Like button process, but once the like has been confirmed separately by a number of users, it will no longer appear, and the regular Like button will only appear. Should I display the Like button by itself or the Like and Share buttons together? We recommend that you include both buttons on your website to let people choose the way that they want to share your content. How do I display the Share button without the Like button? To get code to display the Share button by itself, please visit our Share button documentation. How do I optimize my website for sharing using the Like button? What makes up the number shown next to my Like button? For example:

Facebook Fanpage Timelines: iFrame Tabs and Embedding Rafflecopter Widget in Facebook Right off the bat, when Facebook timeline took over I noticed that the pages are much less friendly and the iFrame / FBML tabs you used to use on your older Facebook fanpage view don’t work properly anymore if you had the arrow at top pointing to “Like My Page” this arrow no longer points next to the like button. When someone first visits your page they are greeted with the timeline and your logo and Facebook favorites are the biggest things on display. These favorites by default will show photo’s which can’t be changed, Facebook likes (but not the like button, will just show information and stats about likes) and notes or whatever other sub apps you created that created tabs on your Facebook fanpage. The first thing you will want to do is get rid of the “Likes” favorite by default since this could confuse users and isn’t the actual like button. For those who can’t watch the video, here are the steps manually to create iFrame tabs for your Facebook fanpage. Non-Fan Favorite Display

If You Tell Them On Facebook, They Will Come...Again and Again In continuing to look at the way that Facebook has become a driving force behind online news consumption, Heather Hopkins of Hitwise has dove into the numbers again, this time examing how Facebook users compare with others in return visits. According to Hopkins' article, Facebook not only drives a high amount of traffic, higher than Google News, but its users are far more loyal, as well. Hopkins took a look at the data earlier this month, noting that Facebook drives three times as much traffic to broadcast than Google News, and now we find that these users are also repeat offenders. That is, they don't just visit once, they come back for more. Hitwise data indicate that visitors from Facebook are more loyal to News and Media websites than are visitors from Google News. Why do we care about this metric? Hopkins doesn't get into the "why" behind the numbers, but we'd be willing to wager that it has something to do with a few reasons.

FB.Event.subscribe These are two events that are fired when a person's authentication state changes. These events are generally more useful than the auth.login and auth.logout events since they more closely track state and also work with both the JS SDK and the Facebook Login button. If you have a page that has code that listens for these events, you are likely to receive these events during page load. auth.authResponseChange The auth.authResponseChanged event is fired when the auth response has changed. The authResponse is part of the response object that's returned when querying the state of a person's authentication status. This event is most useful for tracking changes to a person's access token. For more information about the auth response object, please see the documentation in FB.getLoginStatus(). auth.statusChange fired when the status changes (see FB.getLoginStatus for additional information on what this means) The auth.statusChange event is fired when a person's authentication status changes. Callback

Who is looking at your Facebook? 3 Privacy Options you NEED to set Back in September we reported that Facebook had, at the behest of the Canadian government, implemented a host of new privacy options. However implementing these features meant changing users privacy settings, and while Facebook took lengths to make sure that users were prompted with a message about the new privacy settings and given immediate options for securing their profile, the pop up left many people with a false feeling that they had secured their Facebook profile from prying eyes. In fact, the update left many things open and accessible to the public, things that you need to secure. 1. One of the first things that happened after the Facebook switch over was that everyone's albums became public, including profile pictures. To correct this, click profile and then at the bottom of the page click "Album Privacy". If you have photos from parties, photos of yourself drunk, or any other embarrassing pictures you will want to set those to private, friends, or custom. 2. 3. Like this post?

jquery - Attach a click() event to the FaceBook 'Like' button All About Facebook More and more every day, the social networking giant Facebook is becoming a large part of the overall Internet experience. Company estimates state that over 175 million people have joined since its founding in 2005, and the users themselves contribute millions of pieces of content daily. The February 2009 Facebook numbers are striking. Each day during the month, Facebook users averaged over 3 billion minutes on the site. They updated their status 15 million times and became “fans” of a particular company, brand, product or person 3.5 million times daily. In addition, Compete found that that US residents spent more time on Facebook than any other Website, beating out previous leader Yahoo!. But Facebook’s rapid user growth has not translated into advertising revenues. The habits of social network users are one obstacle. If not through advertising, how can marketers leverage Facebook for their campaigns? None said increasing intent to purchase.

Create Custom Facebook Tab With Custom Icon (1) To read part 2 then click this link "Design Welcome Page For your Facebook Fan Page" This is part one of our tutorial series on "How to create a Welcome WebPage on Facebook". To add branded look to your Fan Pages you need a custom tab so that you could then design the tab to blend your website theme. A tab is basically a link that will appear under the wall and info tabs. On clicking the tab your visitors or fans will be able to see the content inside that tab page. Live Demo Follow these easy steps, 1. Set the App Name with either your website name or blog name. Click the the Create App button and enter some security code to proceed further. 2. In the About section, click the "Change you icon" link to upload a 16px by 16px Icon for your tab. Before you save your changes, click the Facebook Integration tab. Canvas Page - It is optional. In each process below, replace YOURAPPLICATIONID with your Application ID Canvas URL - Enter 3. 4. 5.

Your Mom’s Guide to Those Facebook Changes, and How to Block Them Facebook launched some fairly impressive new features and services at its recent f8 conference, but some of them were also more than just a little scary. Since a lot of what the company talked about was introduced in either “developer speak” — involving terms like API and JSON — or involved social networking jargon such as “social graph” and “activity map,” we thought it would be handy to break it down for those who aren’t as well versed in such things (maybe your mom, maybe your brother-in-law — maybe you). What do these changes mean? And what should you do if you don’t like the prospect of automatically sharing your activity with everyone you know on Facebook? Liking without logging in: The biggest change Facebook has launched will let any website you visit display a simple “like” button, for example on a story at CNN.com — although CNN has decided to use the term “recommend” instead. Instant personalization: What should you do? But what if you don’t want to cancel your account?

Offers - Facebook Help Center

Related: