Local Search Engine Marketing Blog

Introducing the Facebook Custom Tab Generator

Posted in Internet marketing by smallbusinessonlinecoach on May 19, 2012

http://portentcom.portent.netdna-cdn.com/images/2012/04/custom-tab-example.png
I found this post interesting and I thought I’d share here:
I like to share interesting posts and information about internet marketing that read in my Google reader. Let me sort through the junk to bring you the real goods when comes to local internet marketing for small businesses. I thought this was super useful. if you like it be sure to share maybe subscribe to the authors blog: http://www.portent.com


Custom tabs on Facebook Pages allow us to display our own HTML content inside Facebook Pages by embedding code in iframes. This is done by creating a Facebook app and providing a few parameters (like the URL where our custom HTML page is located). Here’s an example of a custom tab:

Custom Tab Example

Add a Custom Tab to your Facebook Page

Have you tried to add a Custom Tab Application to your Facebook Page lately? It seems impossible with the Facebook Timeline changes.

Before Timeline, every app used an App Profile Page. This was a confusing process because every Facebook Custom Tab forced Facebook to create these App Profile Pages, which were unique URLs inside Facebook that no one visited. Since Facebook didn’t want thousands of App Profile Pages, they removed the process.

Unfortunately, this also removed a convenient button on App Profile Pages that allowed us to add our apps as a custom tab on any Page we admin.

Facebook’s solution to add apps to Pages is to visit this URL, replacing the all-caps values with your app’s info:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_CANVAS_URL

App Info Screenshot showing values for YOUR_APP_ID and YOUR_CANVAS_URL

At this custom URL you’ll get a drop-down list of all the pages you admin and you can add your app to any of them.

So, that works. Why do I need the Custom Tab Generator?

Because simple tools are awesome. A couple big input fields are much easier to deal with than remembering a complicated URL or changing sections of a bookmark every time you want to use it. So here it is:

Button for Custom Tab Generator

Inspired by YouTube Time, the Facebook Custom Tab Generator takes the two values you enter and generates a window set at the custom URL to add your app to any Page where you are the admin. That’s it.

This:

Working Screenshot for Custom Tab Generator

Will generate this:

Add Page Tab Dialog Box

I originally created the tool for myself; In fact, I’ve already used it several times from the time I built it and the time this post went live. I’m excited to share it with you now, and hopefully it is as useful to you as it will be for me.

If you like the Facebook Custom Tab Generator, a share would be much appreciated. Let us know what you think in the comments below!

http://www.portent.com/blog/design-dev/introducing-the-facebook-custom-tab-generator.htm?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+conversationmarketing%2FMRJI+%28The+Portent+Blog%3A+Conversation+Marketing%29) Don’t forget to comment and subscribe to the authors blog.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: