The Ultimate Facebook Page Resource Page

I read this article in OpenForum that @peter_einarsson tweeted. It was about Facebook Landing pages for business. It was a fairly good article but it didn’t tell the full story on how you should create a landing page for you own Facebook Fan page. I am a bit sick today so bare with me. However, I decided to write the Ultimate Facebook Page Resource Page instead.

Or at least begin to write it… more on that in the last point of this post…

1. Main Setup of your Facebook Page

I have devoted a full post on this topic that gives you images and explanations to each step on the way. Please have a look at it before reading further.

- [How to create a Facebook Fan Page in 11 steps](http://jesperastrom.com/facebook/how-to-create-a-facebook-fan-page-in-11-steps/)

2. Create a HTML document

First off you need to start by creating a HTML document. If you are an e-mail programmer then you’ll become an expert in Facebook landing pages in no time. Basically the thumb rule is to NOT use div’s but use tables. I know some of you out there got some allergic reaction to what I just said, but I promise you that you don’t want some browser versions to come frigg with your classes which can be the case.

Good dimensions:

- Width: 760 pixels (edit: 520 in the future as is said in the comment field)

- Height: 400 pixels (usually above the fold) + x amount of pixels (below the fold)

What you should know before you start is that you cannot execute any javascript or insert external css if you do not make it into an application of its own. I have in an earlier blog post created a hack if you want to put an iframe on your Facebook page. Remember that it is better to build it in FBML/HTML as there has to be a loader image if you create an app, plus user privileges plus a bunch of other things.

3. Create an FBML-tab

I guess it all has it’s purpose. Create and FBML-tab for the simple stuff (or learn how to create several FBML-tabs here + video on how to make a tab the start page of your Facebook page) and use the apps for the complicated competition thingies :).

Since I am a decent guy I have created a simple html-template for you.

- [Download template for Facebook Landing page](http://jesperastrom.com/files/facebook-page.html.zip)

This template is blank and extremely simple. Please send me a link to a page you need a template for and I’ll code it for you. (Keep it simple guys… otherwise I’ll have to charge you.)

This is the structure of it:

Dimensions & usage:

- Top box: 760/520x200 - perfect for a top promo or an image

- Small boxes: 375x150 - perfect for some newsletter subscription of article feed

- Bottom box: 760/520x* - perfect if you want to put your wall feed in there

Just copy and paste the code into your FBML-box and start experimenting.

4. Add a Newsletter Subscription

If you have a newsletter it is good to add a sign-up box to your newsletter on Facebook. This works perfectly as it only runs the JavaScript after the user clicks the submit button.

You can create a submit script in most of the e-mail service providers out there on the market. I cannot share mine as it would expose me to a lot of spam injections in my DB. But if you need help with this, please ask here in the comments or by e-mailing me.

5. Run Google Analytics on your Facebook Page

Sometimes I just love the Internet a bit to much. I have been trying for quite some time to run Google Analytics on Facebook but I haven’t been able to get my hack fully working and thus no post has been written about it from me. Well, in this case I received an e-mail with a post that Christian Rudolf had found with a solution to my problem.

6. Integrating YouTube with your Facebook Channel

The best YouTube integration I have found that is out of the box is the YouTube Channels application. You can make all kinds of freaky things if you work with your own applications, but the YouTube Channels is the best I’ve found so far that is just a plug and play thing.

- Go to your Facebook Page

- Click Edit Page

- Go to the very bottom of the Edit Page View

- Click Browse More in the bottom box "More Applications"

- Search for YouTube Channels

- Go to the application page by clicking the link

- Click the link "Add to my Page" (do not click Add Application - important as doing this will add it to your FB profile instead of your page)

- Select the page you want to add it to

- Go back to your edit mode of your page

- Find the Application and click Application settings

- Click "Add" next to Tab

- Go to the front page of your Facebook Page

- Find the tab and drag it to the place order where you'd like it

7. Examples of Custom Facebook Page designs

There are plenty of Facebook Page designs coming up. Here are a couple of pages that I like and that you can have a look at for some inspiration.

- [McDonald's](http://www.facebook.com/McDonalds) - Nice look and feel

- [Victoria's Secret](http://www.facebook.com/victoriassecret) - Always make good use of the tabs

- [Starbucks](http://www.facebook.com/Starbucks?v=app_142063194423) - Impressive use of customized tabs and apps

- [Ladbroke's Casino](http://www.facebook.com/ladbrokescasino) - Nice use of a tab as a start page and good gambling example

- [Massive Attack](http://www.facebook.com/massiveattack?v=app_271700252303) - Good integration of fb:comments and music player

8. Building your Fan base through Ads

I really like Facebook Ads as a way to build fans to your page. It is fast and it works miracles if you know who your target audience usually is. The first couple of times you will fail when you set up an ad campaign. Especially if you work in shady businesses. The most common reason a ad is rejected is because of the image you use or because of some excessive use of bad language or exclamation marks.

I wrote a post a while ago about a strategy for Facebook Ads.

x. You tell me

The above four are questions I usually get on this topic. I want to write more, but I have no inspiration cause I simply don’t have the questions any longer. I simply don’t find it difficult to do stuff on Facebook anymore and thus I want you to tell me what I should write about. You can either e-mail me or write a question in the comments. If you want to remain anonymous to the readers that’s fine. Possibly related posts:

- Related posts on **Facebook page tab**

- [Google Map / **Facebook Page Tab** to allow user entry …](http://freelancecodingjobs.net/?p=15310)

- [Win a Free Facebook FBML Application Tab!](http://www.hyperarts.com/blog/win-free-facebook-static-fbml-application-tab/)





- Related posts on **Facebook Pages**

- [Why is Social Media Important?](http://www.kaizen-marketing.com/251/why-is-social-media-important/)