Hi friends Facebook, which has a fan page or fan page!
Having a lot of fans in the fan page is a hope and pride for the owner of the page. Especially when the fan page is being updated status almost always get a response (comments) that many of the fans.
But in reality, getting lots of comments for the fans need business page and workable strategy, because rarely do I encounter a fan page that has tens of thousands of fans just get a response from the fans a little better than they give thumbs up to their comments that this could happen tulis.Mengapa ? It resulted from lack of creative time status updates.
For that we need a creative way so many responses Fans Page on Facebook, following 9 Ways to Get Many commented on Facebook Fans Page:
This is the key to success for any status updates many of the comments, namely:ASK, will participate by asking them to answer the question more than just the thumb alone, would make an easy question and creatively, how? Want to know? Continue reading!
1. Ask specific questions as well as unique in which they commented on the questions Example: Did you ever open up when Boker? (Hehehe. .. aja ya-there's no question).
2. Ask a question yes or no. Example: Would you like to eat meat dragons? Wooow ....!
3. Ask questions about the activities. Example, Whether you're sweeping the road or being "quoted" (take) rambutan neighbors?
4. Asked about right or wrong, "Is it true that you rarely shower when leaving for school or to work?
5. Ask a question about the photo, share a photo to upload to the page anda.Studi case, "note the two following figures, which of orangutans and real people in this photo" (xixixixi. ...)

6. Ask fun questions, Example: What is your favorite sport?
7. Facebook provides a new feature of "Question" feature that makes it easy to create voting on the page, this will improve their response to comment. So use the features of this question for a vote on something.
8. Asking questions of choice, "when you are in school or college, whether you prefer essay questions or multiple choice?
9. This is probably the best question, who gets the most response to the commentary, ask them about "what memories or events that are not forgotten all your life?" Maybe you can give them a choice of answers to your questions like, "experience when falling in love or experience time to get a job first. "You can give them a choice about it.
9 Ways to Get Lots of comments on Facebook Fans Page above, where is the best way you think is the best and most creative ways to improve the response of the fans or do you have another answer. Please give your comments below.

Read more.. Bagikan

By: Garin Kilpatrick

Facebook has become a behemoth.

In the United Stated Facebook has surpassed even Google in terms of traffic.

Below I have collected 40 amazing facebook statistics, and I will update them as time goes on.

To the best of my knowledge all stats below are current (As of November 8th, 2010), and accurate.

If you like this post please share this post please share it with your friends!

People on Facebook

1. More than 500 million active users

2. 50% of our active users log on to Facebook in any given day

3. Average user has 130 friends

4. People spend over 700 billion minutes per month on Facebook

Activity on Facebook

5. There are over 900 million objects that people interact with (pages, groups, events and community pages)

6. Average user is connected to 80 community pages, groups and events

7. Average user creates 90 pieces of content each month

8. More than 30 billion pieces of content (web links, news stories, blog posts, notes, photo albums, etc.) shared each month.

Global Reach

9. More than 70 translations of Facebook are available on the site

10. About 70% of Facebook users are outside the United States

11. Over 300,000 users helped translate the site through the translations application

Platform

12. More than one million developers and entrepreneurs from more than 180 countries

13. Every month, more than 70% of Facebook users engage with Platform applications\

14. More than 550,000 active applications currently on Facebook Platform

15. More than one million websites have integrated with Facebook Platform

16. More than 150 million people engage with Facebook on external websites every month

17. Two-thirds of comScore’s U.S. Top 100 websites and half of comScore’s Global Top 100 websites have integrated with Facebook

Mobile

18. There are more than 200 million active users currently accessing Facebook through their mobile devices.

19. People that use Facebook on their mobile devices are twice as active on Facebook than non-mobile users.

20. There are more than 200 mobile operators in 60 countries working to deploy and promote Facebook mobile products

All of  the content above is from facebook’s official press room stats page.

The remaining stats below are from elsewhere on the web.

Facebook Stats from Around the Web

21. Over 80% of businesses today are using facebook today.

22. Facebook has over 1,700 employees

23. Facebook is valued at between 7.9 and 11 billion dollars (and rising).

24. Facebook is an international phenomenon: 70% of Facebook users live outside of the United States.

25. There are over 3 million active Facebook fan pages.

26. There are over 1.5 million local businesses with Facebook pages.

27. More than 20 million people become fans of Facebook fan pages every single day. Join the FacebookFlow fan page today!

28. Facebook fan pages have created more than 5.3 billion fans.

29. The average Facebook user spends over 55 minutes on Facebook per day.

30. Women have 55% more posts on their wall than men.

31. More than 6 billion minutes are spent on Facebook each day.

32. More than 3 billion photos are uploaded to Facebook each month.

33. The United States is the country with the most Facebook users with 143,583,400 users. (via CheckFacebook.com)

34. 26.22% of the internet using world population are currently Facebook users.  (via CheckFacebook.com)

35. More than 250 applications have more than one million monthly active users.

36. Facebook has more than 45 million active user groups.

37. Over 30 billion pieces of content are shared on Facebook every month.

38. Texas Hold’em Poker currently has the most fans with 26,973,501. Via the Facebook Page Stats Leaderboard by allfacebook.

39. Static FBML is the most popular Facebook app with over 95,294,450 monthly application users.  (However this app can no longer be downloaded.) Via Facebakers Facebook stats.

40. If Facebook were a country it would be the third largest country in the world.

There you have it, 40 amazing Facebook stats!

Read more.. Bagikan

So, you’ve built a Facebook presence for your company or organization, you’ve added tons of fans, and now you wonder, what’s next? Sure, you use your Facebook page to share the latest news about your company and to reach out to new customers, but most of the time your page just sits there. Look at some of the big Facebook pages, what do they have going for them that you do not? The answer is interactivity. The best Facebook pages are those that have posts, likes and especially comments from the fans. Therefore, if nothing exciting is going on, here are some ideas, fun and practical, for posts you can make to get your fans talking back.

1. Spoilers

This is one of the best ways to build suspense and excitement about your product or service. Give your fans a taste of what is coming up, without completely giving it away. Similar to a movie trailer or promo spot for a television show, pique their interest.

2. Personal Insight

Use your Facebook posts to give your fans a little insight into who you are as a person. People want to relate to the products and services they use, and if they learn more about the person behind the page, they will feel that connection with you.

3. Topical Jokes

Find jokes, comics or puns related to your company or industry. Generally if people bother to “like” your page, they at least have a passing interest in the field you’re involved with. This may take a bit of effort on your part, but find posts to make your fans smile.

4. Links

Along the same lines, share useful and fun links with your fans. You do not want to bombard them with hundreds of messages like this, but if you find a useful app, page or even an amazing video, do not be afraid to share it with your fans.

5. Challenges

This is especially useful for Facebook app pages, but can be adapted for nearly any page. Challenge your fans to beat a high score, discover new content or add something to your page. People naturally want to prove themselves and a challenge is sure to appeal to those with a competitive side.

6. Contests

You do not have to offer anything major, but hold a drawing, ask a trivia question or any otherwise host a contest for your fans. Just giving away a T-shirt with your logo or a credit for your services will encourage your fans to jump in and participate.

7. Requests for Input

Very few companies actually solicit advice from their customer base, and this is a shame. Ask your customers what you can do better, what products or services they are looking for or anything else on which you want input.

8. Holiday Wishes

Take time to wish your customers and fans a happy holiday. You don’t have to limit yourself to the more typical holidays. Wish your fans a happy Chinese New Year, Cinco De Mayo or even “Talk Like a Pirate Day.”

9. Fun at the Office

Another way to prove yourself as a “real” person instead of just a faceless corporation is to give your fans an insight into the company. Take some pictures of you and your staff at work or play and share these with your fans.

10. Commentary on Current Events

This is one you want to be careful with, you likely want to avoid strong political leanings, but mentioning current events is always a great way to get people talking; everyone has an opinion.
These are just a few of the types of posts you can make that will get your fans interacting on your Facebook fan page. If your page is more interactive, not only will your current fans be more likely to come back and check out what’s new, they may share your posts on their own feed, which will lead new fans directly to your page. Take the time to make regular posts on your Facebook page so it does not become stagnant, and you are certain to reap the benefits of a larger and more active fan base.
If you have any more ideas, share them with the rest of us in the comments below!

Read more.. Bagikan

Adding a Facebook Like Button on your website or blog is perhaps one of the easiest and most effective way to get more fans and earn more likes. If you have hundreds, thousand or perhaps tens of thousand of fans, it might be a good idea to publish a fan count. Fan count displays in numeric text total fans your Facebook page has, or rather, how many have liked your page.

The technique is simple and very similar to displaying Google feedcount in text. The only difference is – we will be using Facebook’s API. In this post, we want to show you how it can be done so you can add them into your WordPress blog or PHP powered website. Load up your favorite code editor, here we go.

Step 1 – Get API Key, Application Secret & Page ID

These are the three mandatory information you’ll need to get things started.
API Key and Application Secret

1. Sign in to your Facebook and click on Developer‘s link on the site bar. (If you don’t have a Developer’s account, you will have to sign up for one first)
   
2. Click "Set Up New Application". Enter any application name, agree to the Facebook terms and click "Create Application". Note: We are not going to create a real application, but we’ll need to go through these processes to get a API Key and Application Secret.
   
3. On the next page, you should be able to see your personal API Key and Application Secret. Copy it down somewhere or leave the browser window open.
   

Page ID
Page ID is the ID of your Facebook Fan Page. If you don’t have a Facebook Fan page, you’ll have to first create one. To get the ID of your Fan page, click edit page, and look for your ID (numbers) at the end of the URL – http://www.facebook.com/pages/edit/?id=XXXXXXXXX

Step 2 – Get Facebook.php

You’ll also need the Facebook API PHP SDK file called Facebook.php. Download it, and place it in the root of your folder. Learn more about Facebook PHP SDK.

Step 3 – Display Fancount

To show off your fancount, place the following code in your php file,

view plaincopy to clipboardprint?

1. <?php  
2. require_once('facebook.php');  
3. $facebook = new Facebook(array(  
4.     'appId'  => 'app_id',  
5.     'secret' => 'secret_key',  
6.     'cookie' => true,  
7. ));  
8. $result = $facebook->api(array(  
9.     'method' => 'fql.query',  
10.     'query' => 'select fan_count from page where page_id = page_id;'  
11. ));  
12. $fb_fans = $result[0]['fan_count'];  
13. ?>  

<?php
require_once('facebook.php');
$facebook = new Facebook(array(
    'appId'  => 'app_id',
    'secret' => 'secret_key',
    'cookie' => true,
));
$result = $facebook->api(array(
    'method' => 'fql.query',
    'query' => 'select fan_count from page where page_id = page_id;'
));
$fb_fans = $result[0]['fan_count'];
?>

And then you will want to edit the codes to change the following:

• Line 4 – Replace app_id with your Facebook Application ID.
• Line 5 – Replace secret_key with Secret.
• Line 10 – Replace the last page_id with your Facebook Fanpage ID.

Please refer to Step 1 on how to get app_id, secret_key and page_id.
To display the fancount, insert this following code anywhere in the page:

view plaincopy to clipboardprint?

1. <?php echo $fb_fans; ?>  

<?php echo $fb_fans; ?>

That’s all. Style your fancount and make it attractive. See a working example on Psdeluxe‘s top right corner.

Read more.. Bagikan

Facebook has changed all of our lives. Whether you’ve ever had an account or even visited the website, it’s difficult to ignore the hundreds of Facebook’s “Like” and “Share” badges seen all around the modern web. The blogosphere is constantly buzzing with comments and shares over Facebook.

Knowing the popularity of Facebook, it’s commonplace to create a fan page for any community or website launch. This provides an outlet for your fans to get together in one place to share ideas, photos, questions, and reviews. This type of marketing works in any corporate or personal situation, thus it’s perfect for businesses and events.
In this particular post, I’ll be going into a few useful tips to put together an amazing fan page. This will help your website, community, or product sales garner a lot of attention! After all, Facebook is one of the most heavily trafficked websites on the Internet. Why wouldn’t you want your brand spread all over there?


Shortcut to:

• Benefits of a fan page
• Creating a fan page
• Customizing basic points
• Adding in-page apps
• 10 popular apps
• Increase your fan following
• Include your web profiles
• Keep updated!
• Beautiful Facebook Fan Pages

Benefits of a Fan Page

Before we go into creating a Facebook fan page, first we should explain what exactly a fan page comprises. Unknown to many is the fact that each fan page will be presented in public. While user profiles are generally hidden from search engine crawlers, fan page can be created and open to everybody. This is by default their natural state.

Users are able to see your photos, updates, and latest notes published even without a Facebook account. With some newer features you can even import a RSS feed from your blog or Twitter account. Once you’ve created a fan page, you can set up discussion forums too. This is a great place for people to meet and share opinions about whatever your topic may be.
And the most obvious benefit? It’s 100% free of charge! Doesn’t cost a dime. This type of marketing only costs a little time to setup and configure, thus making it possible for you to invest more time and cost on marketing.
With fan page, you’re also able to upload photos and video content and store these contents remotely on Facebook’s server while sharing out directly to your fans. The promotional value is huge from any standpoint.

Creating a Fan Page

For the sake of this article we’re assuming you’ve already signed up Facebook and have an account yourself. If not, feel free to create one, or sign up under your company name with a fake personality.

If you are logged into the site, scroll towards the very bottom of the page. On the right-hand side of the footer you’ll find a series of small links, one of which is titled Create a Page. Click and you’re brought right here to choose the type of page you’re looking to create. Facebook styles the pages differently based on your focus. Some examples include an event or charity, entertainment media, celebrities or bands, and local businesses.
You’ll have to fill in a bit of information and agree to Facebook Pages’ terms and conditions. It’s all fairly straightforward information, so you shouldn’t get lost anywhere in the process. However if you run into an obstacle, you can try to go back to the front page and start again.
If you’ve confirmed your details and everything looks good, congratulations! You’ve completed the creation process and your new fan page is up online. You can now edit settings, upload photos, and invite your friends to join.

Customizing Basic Points

There are some rudimentary steps you’ll want to customize before anything else. After your fan page is online you’ll certainly want to change your default photo. Often a company or brand logo works best. This is recognized quickly by potential fans and will be displayed across the network on their profile pages.

You’ll find an “Info” tab located on the front of your profile. This should contain information about your cause or event, video game, whatever you’ve chosen to market. Try generating unique web copy for your Facebook page as this tends to be very important to Google and other search engines. Even if you change up some sentences, this will go a long way in unique branding for your fan page.
You may additionally wish to create albums and upload more public photos. These could be photographs of your team, or photographs of your work space. They could even be screenshots from your movie or favourite video game title. Either way it’s great to include some extra photos as it’ll add some legitimacy to your page. Viewers also love the extra content and it’ll rope in some potentially wary group members.
Consider welcoming your visitors and explaining a bit about why you created the page. Or if you would rather stay out of 1st person, pretend you are not someone creating the page and write from an external source. Explain a bit about your fan page and why people should join. What information will they access? Can you offer any unique video or image not found anywhere else?

Adding In-Page Apps

It’s very unfortunate that Facebook’s app directory has gone, but a better application searching solution is in the development. That’s not really a problem for you, as we will showcase some best Facebook apps here! If you find anything interesting it’s a simple process to include this new app onto your page in just a few minutes.

(Image Source: E-EXPLORERS)

You can access the apps right from your fan page when you’re logged in. It’s worth to note that the content these apps bring will also be open to all visitors, as no information is hidden from a public fan page.
Truly the addition of apps was a brilliant strategy Facebook created. It allows extensible features to be added into any page, at any time, automatically! And these are turned off by default to keep things clean and organized. It’s only you as the administrator who can place additional content onto the page.

Personally I’d also recommend the Extended Info app (included below as well). With this you can add another portion to your profile such as favourite food, TV show, life interests, etc. You can edit these to fit specific goals or recommendations. As an example a video game website may write about their favourite reviews or latest launches from 2011. If you own a blog you may also share your most popular articles or categories.
The process of creating a Facebook application is a bit convoluted, especially for those not grounded in the basics of programming languages and syntax. But for any tech-savvy individuals you may consider creating a few apps for your personal fan page. The Facebook developer center offers comprehensive documentation and examples. Check out their Getting Started guide for more resources.

10 Popular Apps

It seems in-page apps are the most popular way to gain attention. Pages which are blank and hold no addition content do not stand well in the art of gaining fans. Spend some time browsing these apps and add the one that really helps. Also Facebook lets you disable and remove apps you don’t like or you don’t need any more.
Some of these are included in regular Facebook profiles too, so you may be familiar with the inner workings of the most popular page apps.

1. Blog RSS Feed Reader

The RSS app lets you import any RSS feed and directly output the new content. This includes blog updates and personal website RSS feeds. Businesses and small corporations would benefit most from this functionality to save you time updating an online persona.
The customization options are pretty rich. You may choose to upload a custom photo or logo, include small template changes, and even adding multiple RSS feeds. It is truly a must have application for any aspiring fan page.

2. Official Twitter App

Twitter has taken off like a rocket since its initial launching in summer of 2006. Thus it makes sense that Twitter has kept updated with the most successful social networking website in the world. With their official app you can include tweets from any account you hold.
Additionally a small box is added onto your Facebook page with small Twitter icon. This is perfect for visitors to check up what profiles you’re attached with. There may be other Twitter apps located on Facebook as well, but I find the 3rd party developers often leave out functionality which the Twitter team never overlooks.

3. Static FBML

If you’re knowledgeable in HTML development then you may be surprised to realize Facebook has removed this entirely from fan page. Whereas MySpace initially allowed users to edit their content with custom images and links, Facebook has never even included this option. However with the FBML app you can work with HTML and FBML tags.
You can read more about FBML code right here at their developers’ documentation page. It’s simply a way to include tools and forms within your page without knowing any backend programming.

4. Extended Info

For those who are less knowledgeable in web page development and HTML I highly recommend checking out this app. It works similarly as the Static FBML application above, yet the user interface is a lot easier to go through and doesn’t require lengthy HTML knowledge.
This app has been around for a while and has received a lot of positive criticism from users. It’s widely regarded as a great way to customize your profile page with unique forms, tabs, and input fields. Check out Extended Info if you’re just getting started and need some quick customizations done.

5. SlideShare

The SlideShare application has grown very quickly and is often referenced by techies. It’s a startup community used for sharing live presentations via the Internet. The Facebook app is just another extension of the site’s functionality. With this you may share popular documents and presentations to your entire fan base.
The application includes support for Microsoft PowerPoint and Word documents, along with iWorks and Pages. PDF documents and YouTube videos are also supported. If you’ve already got a SlideShare account with content it’s a simple process to connect and share your account’s content into Facebook.

6. Reviews

Possibly the best way to garner user feedback is through the Reviews app. This app has been given almost 4000 personal reviews by Facebook users. It’s included in many fan pages, ranged from countless categories.
If you are not looking for critiques then I don’t recommend installing the app. My experience talk: as an user interface designer I am particularly interested with how my users feel about my designs. It’s very important for my users to feel comfortable sharing their thoughts. However if you do not feel the same way try the custom contact form instead.

7. Poll

Here we have some basic polling functionality which is just another way of gaining user information. If you have a large following on Facebook this app is a great way to bring in some honest feedback from your visitors.

You may poll about anything and run for as long as you need. The results can be tweeted or shared onto your blog directly from the app. This requires moderator’s status, but it should not be a problem if you’re the page admin.

8. Discussion Boards

Active forums have been running on the web for decades now. These discussion boards are fantastic for sharing opinions and discussing important topics. If you find yourself caught with a large fan base interested in discussing your topic, this app may be perfect for your page.
Users who are logged into Facebook may immediately begin posting or creating topics. Encourage responses by helping the tab stand out, or include a brief link in your page description. If you can, include the app after you have at least 100 or more fans, else your forums will most likely appear as a ghost town and scare off potential fans.

9. Skype Me

Users of the VoIP and IM chat software Skype will redeem this application as a must-have. Chances are you already have a personal account or have created a branded account under your fan page. Either way is fine, Skype offers an organic solution to meet and converse with your fans. You may hold chat sessions or disclose important release information via Skype as well.

10. Livestream

This may as well be my personal favourite Facebook application. The Livestream app lets you tie into your account and start streaming your videos live onto Facebook. Streaming has become amazingly popular amongst the tech-savvy individuals running the Internet. You can share information a lot quicker and more directly.
On the installed Livestream tab your visitors will also be presented with a comment box. They may respond to your streams in real-time and chat with others viewing your content. A bountiful share button is also included so your fans may push out your page links to the dozens of available networks. A similar app Facebook Live has been launched, however it lacks many features where Livestream excels.

Increase your Fan Following

Ultimately your fan page will grow once you’ve gained a small group of initial followers. Fans are just people who use Facebook and have “Liked” your page after finding it through some means. As you gain more fans your profile will gain more exposure, leading to a lot more followers.

(Image Source: fourfiveX)

If you have a famous Facebook account and know a lot of people then it’s easier to gain more attention. Facebook will include a link for your page once it has been created and activated. Update your status and share this link to all your fellow Facebook friends. You may gain some additional followers through this process, and many friends will “Like” and share your link in their network.
On your personal page or website it would be wise to include the same fan page’s link. This could be done in your footer area, or possibly via a small Facebook icon somewhere on the page. Ideally you’ll be pulling the most traffic for your product from the main website.
However if you do not have a website associated with your page that’s okay too, you can try creating a type of promotional media and distribute throughout your Internet profiles. Perhaps a graphic or digital flyer advertisement which you can share on Flickr or Twitter. Create a small introductory video and upload to the YouTube is another powerful attention-grabbing method.

Include your Web Profiles

If you’re running profiles elsewhere on the web, especially if you’re a personal company or blog, add external links into your sidebar or About section. It’s becoming increasingly popular for people to use multiple networks these days. It seems brands like Twitter, Foursquare, Tumblr, Digg, and others are commonplace by modern day Internet users.

If you’re on these networks, keep using them as this will increase your marketing potential and surely land a few more loyal followers.
At least creating profiles on some of the more popular networks will bring in more attention. Twitter and Tumblr seem to be growing out of control. I would recommend capitalizing on them if possible, but follow your intuition.
This rings true especially with the ease of importing RSS feeds. Since both Twitter and Tumblr can be set to auto-publish it’s a breeze to auto-include blog posts directly into your fan page. You may even reciprocate links back to your Facebook fan page for legitimacy.

Keep Updated!

The killer of almost all the brands I came across is they have too little activity. Infrequently checking into your project will not move anything. It’s important for you to set aside time and update with unique information you have.

(Image Source: Fotolia)

This process could be daily, biweekly, weekly, or even multiple times a week. You may even have enough content, like Mashable, to update multiple times a day! Just keep in mind that you probably have followers of your brand eager to hear about the latest news. Information is the flowing economy of the 21st century, this is true especially for networks like Facebook, users are hungry for more information.
Be sure to follow some basic guidelines for writing web copy. Don’t repeat updates or share the same information daily. Users tend to lose faith and become discouraged to your brand. Also ensure that each update can provide further links or external sources for more information. The power lies in your control of information flow. Go figure!

Beautiful Facebook Fan Pages

Below I’ve included a few screenshots for some very popular and professionally designed fan pages to get the inspirational juices flowing. These can be found all around the web with possibly hundreds of thousands of backlinks. It’s important to note many of these fan pages include a counterpart website or blog. This is a great strategy as fans will also visit their official website.
Starbucks

Skittles

Threadless

Daddy Design

Coca-Cola

Vitamin Water

Vizio

Adobe

Dell

Lacoste

Dunkin’ Donuts

Wonka

Social Media Examiner

Aflac Duck

Inception

Sony Electronics

Levi’s

Pepsi

Reference

I’ve gathered some very handy links for you to get started on building a Facebook fan page. This is a sort of roundup collection containing provisions to get you started on the right path. Facebook is a big network and it takes some practice to get comfortable with. Whether you’re a newbie or average Facebook user, these links will certainly hold their value.

• Facebook: Tips & Tricks For Your Business’s Fan Page
• Facebook: Create a Page
• Facebook: Pages
• Facebook: Developers

Conclusion

I hope this guide has driven you to set up a unique and trendy Facebook fan page. Following the steps explained above will get you well into the ranks of fan pages listed on the Facebook network. Besides, your account will also likely to be picked up by Google to transfer some great marketing attention onto your branding or event.
Stay focused and hold your intentions strong. Over time the process of creating a product or website can become stale and boring. It’s crucial to keep your head up and never lose sight of your ultimate goal. From what I’ve experienced a Facebook fan page can bring enormous benefits to those willing to spend enough time. Add your own personal touch along the way and have fun with it.

Read more.. Bagikan

Facebook Open Graph protocol allows you to share your blog content not only with your readers, but their Facebook friends as well. The best part is – whenever someone liked your content(s), it will be published on their Facebook profile. But that’s not all, Open Graph allows you to explore more interesting ways to interact and engage with your readers. Ultimately – if this is done right – it builds up your brand and increases your site’s traffic.

In today’s post, we are going to look into how to integrate Facebook Open Graph with a self-hosted WordPress in a detailed step-by-step guide. It will require editing your existing WordPress theme and creating a Facebook application (if you don’t have one).
Ready? Let’s fire up the browser and your favourite code editor. Full guide after jump.

Step 1. Create a facebook App

We’ll need an Application ID and to get that, you’ll need to create a Facebook App. If you already have a one, move on to step 2.
Creating an application is easy, here’s what you do:

1. Logon to Facebook, go to the Developer’s page.
2. Click "Set up a new app" button on the top right corner.
3. Give a name to your new app, agree to Facebook terms, hit Create app.
   
4. Go to Web Site tab, fill up Site URL and Site Domain.
5. Note down the value of Application ID somewhere and hit the "Save Changes" button.
   

That’s all! You can always come back later to fill up the rest of the information.

Step 2. Replace <HTML> Tag

Open up your theme’s header file (header.php) in your favorite editor. Always keep a backup copy just in case anything goes wrong.
Look for this following line of code, or one that starts with <html xmlns="http://www.w3.org/…

view plaincopy to clipboardprint?

1. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>  

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

Replace it with:

view plaincopy to clipboardprint?

1. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">  

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">

Keep header.php open, we are going to need it for the 3rd step.

Step 3. Insert OG <Meta> tags

Paste the following code right after <head> tag, or before </head> tag.

view plaincopy to clipboardprint?

1. <?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?>  
2. <!-- the default values -->  
3. <meta property="fb:app_id" content="your_fb_app_id" />  
4. <meta property="fb:admins" content="your_fb_admin_id" />  
5.   
6. <!-- if page is content page -->  
7. <?php if (is_single()) { ?>  
8. <meta property="og:url" content="<?php the_permalink() ?>"/>  
9. <meta property="og:title" content="<?php single_post_title(''); ?>" />  
10. <meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />  
11. <meta property="og:type" content="article" />  
12. <meta property="og:image" content="<?php if (function_exists('wp_get_attachment_thumb_url')) {echo wp_get_attachment_thumb_url(get_post_thumbnail_id($post->ID)); }?>" />  
13.   
14. <!-- if page is others -->  
15. <?php } else { ?>  
16. <meta property="og:site_name" content="<?php bloginfo('name'); ?>" />  
17. <meta property="og:description" content="<?php bloginfo('description'); ?>" />  
18. <meta property="og:type" content="website" />  
19. <meta property="og:image" content="logo.jpg" /> <?php } ?>  

<?php if (have_posts()):while(have_posts()):the_post(); endwhile; endif;?>
<!-- the default values -->
<meta property="fb:app_id" content="your_fb_app_id" />
<meta property="fb:admins" content="your_fb_admin_id" />

<!-- if page is content page -->
<?php if (is_single()) { ?>
<meta property="og:url" content="<?php the_permalink() ?>"/>
<meta property="og:title" content="<?php single_post_title(''); ?>" />
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php if (function_exists('wp_get_attachment_thumb_url')) {echo wp_get_attachment_thumb_url(get_post_thumbnail_id($post->ID)); }?>" />

<!-- if page is others -->
<?php } else { ?>
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:type" content="website" />
<meta property="og:image" content="logo.jpg" /> <?php } ?>

Here are some of the the values you’ll need to alter:

• Line 3: Replace your_fb_app_id with the Application ID from Step 1.
• Line 4: You can get your_fb_admin_id under your Facebook Insights page, (More info). Click on the "Insight for your website" green button, grab the entire string of code and replace Line 4.
• Line 12: This line determines the image that represents your post. If your theme supports WordPress Post Thumbnails, it should work fine. But if it doesn’t, it will fail gracefully without an image. Check out Step 3a for an alternative workaround.
• Line 19: Replace logo.jpg with an url to your blog’s logo. It will be displayed when a non-post page on your blog is shared on Facebook.

Step 3a – When "wp_get_attachment_thumb_url" Fail

When wp_get_attachment_thumb_url() failed to work, you are likely going to a content attribute with no value, like what’s shown below:

view plaincopy to clipboardprint?

1. <meta property="og:image" content="" />  

<meta property="og:image" content="" />

A simple workaround will be to replace Line 12 with the following code:

view plaincopy to clipboardprint?

1. <meta property="og:image" content="<?php if (function_exists('catch_that_image')) {echo catch_that_image(); }?>" />  

<meta property="og:image" content="<?php if (function_exists('catch_that_image')) {echo catch_that_image(); }?>" />

Next, open up functions.php and insert the following code:

view plaincopy to clipboardprint?

1. function catch_that_image() {  
2.     global $post, $posts;  
3.     $first_img = '';  
4.     ob_start();  
5.     ob_end_clean();  
6.     $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);  
7.     $first_img = $matches [1] [0];  
8.     if(emptyempty($first_img)){  
9.             //Defines a default image  
10.             $first_img = "/images/default.jpg";  
11.         }  
12.     return $first_img;  
13. }  

function catch_that_image() {
 global $post, $posts;
 $first_img = '';
 ob_start();
 ob_end_clean();
 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
 $first_img = $matches [1] [0];
 if(empty($first_img)){
   //Defines a default image
   $first_img = "/images/default.jpg";
  }
 return $first_img;
}

This replacement code attempts to use a function call catch_that_image() to grab and output the URL of the first image it comes to encounter. Replace line 10 with URL to a default image if the function fails to find its first image.

Step 4. Insert Facebook Javascript SDK

The following Javascript gives you to access all of the features of the Graph API and Dialogs. It also allows you to integrate Facebook social plugins like the Like button, Facepile, Recommendations, etc with ease.
Place it in header.php, right after <body>

view plaincopy to clipboardprint?

1. <div id="fb-root"></div>  
2. <script>  
3.   window.fbAsyncInit = function() {  
4.     FB.init({appId: 'your_fb_app_id', status: true, cookie: true,  
5.              xfbml: true});  
6.   };  
7.   (function() {  
8.     var e = document.createElement('script'); e.async = true;  
9.     e.src = document.location.protocol +  
10.       '//connect.facebook.net/en_US/all.js';  
11.     document.getElementById('fb-root').appendChild(e);  
12.   }());  
13. </script>  

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your_fb_app_id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

Replace your_fb_app_id in Line 4 with Application ID from Step 1 earlier.

Step 5. Let’s test it!

We are done integrating Facebook Open Graph to the WordPress blog. Let’s give it a couple of test to make sure we’ve done things correctly.

Test #1 – View source code

Take a look at the source codes of one of the blog post, you should have something like this:

Check the properties and its values, make sure they are correct.

Test #2 – Install a Like Box

If you haven’t install a Facebook Like Button, then it’s probably time to get one. Place the following code anywhere (preferably before content or after content) inside single.php:

view plaincopy to clipboardprint?

1. <fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false" width="450" action="like" colorscheme="light"></fb:like>  

<fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false" width="450" action="like" colorscheme="light"></fb:like>

Next, get a friend to Like it. You should see something similar appearing in his Facebook profile:

Extra: WordPress Plugin

If somehow you failed to install the codes or need this to be done quick and easy – there’s a WordPress plugin for that.
Facebook Open Graph Meta in WordPress is a WordPress plugin that adds Facebook meta data to avoid no thumbnail issue, wrong title issue, wrong description issue, etc.

Read more.. Bagikan