The Easy Way To Integrate The Viral Power Of Facebook Into Your Blog
This blog post will show you how you can integrate the viral power of Facebook Connect with your wordpress blog without touching a single bit of code. Its done by using a neat plugin created by Spanish blogger Javier Reyes Most people get put off by mentions of API keys and messing with the code on their webpages. Luckily I stumbled upon this cool plugin that does all the work for you. If you follow each step carefully you will be up and running in no time Even if you don’t have a wordpress blog, make sure you scroll to the bottom of this post where I will be explaining exactly how I will be using Facebook connect to initiate social activity and get immense viral exposure. Click here to download the Facebook Connect WordPress plugin http://www.sociable.es/facebook-connect/
Take a few minutes to watch the tutorial video that explains the features of this plugin
The next video gives an explanation of how to install this plugin and set up your API code
After you have downloaded the plugin to your computer you need to go to your blog and upload the file into your wp-content/plugins/ folder, you can do this by FTP or by going into the backend of your website if you have CPanel hosting.
Now login to the admin panel of your wordpress blog, I am using Wordpess 2.7 in this example, your screen might look slightly different if you are using earlier versions. Go to your plugins and activate the Facebook connector plugin
Now in your settings menu open Facebook connector you should have this screen visible
Get Your Facebook API Code
This plugin is an easy way for you to create your own Facebook application unique to your blog. In order for it to function you will need a Facebook developers account and obtain your Facebbook API key and Facebook API secret. These are just codes so Facebook can give you access to the user data that will be transferred to your blog. In a new browser window login to your Facebook account and scroll down to the very bottom of your profile page.
Now enter the name of your new application, agree to the terms of service and click save.
Now you have been given your API Key and API Secret, you need to copy and paste these numbers into your wordpress plugin settings
Now open the Connect tab and enter the URL of your blog.
Scroll to the bottom of the page and click save
In another browser window, copy and paste your API key and API secret into your Facebook Connector Options; check the boxes to allow full functionality on your blog
Scroll down to create the message template; if you want to customize the messages you can edit the text in the boxes
After you have clicked create template the plugin should have two yellow boxes at the top indicating that everything is now functioning
You can now place a widget on your sidebar so your blog visitors can login and interact with your blog. Any comments they make will be posted directly to their Facebook profile
drag and drop the widget to your required position and adjust its settings
Your Facebook connect plugin should now be fully functioning. Go to your blogs homepage and check everything is working
The sidebar widget should look something like this
Click on the Connect with Facebook button and start interacting
Now you can invite all your friends to come and visit your blog and more importantly all your visitors can invite all their friends too
Its mad that we knew about this months ago before anyone. Facebook Connect is going to change the face of the world. As usual you are leading the way.
Nice one Ian
Hey Ian!
Thank you so much for this great article – made it simple. I successfully implemented this app at http://TheSuccessMan.com
This is a big move by Facebook. Google took a blow with this move.
Hi,
thanks for using the plugin, and for the fantastic tutorial!
you need to add this, for iexplorer:
Hi Ian,
How to put facebook connect not in a side bar, but in one fo my page on my website? Thanks
Fantastic Concept… gonna bring a research out on summer for this one …
am gonna keep You updated about it …cheers for the lovely tutorial !
I want to add a simple WYSIWYG editor to my comments box. Is this possible with FBconnect?
I was originally reading this because I thought I’d messed up my attempt to implement it, only to find that I did Facebook connect right the first time! Here I thought there was more to it.
Thanks for your help.
I just wanted to try if it sends comments on facebook
It doesn`t work for me for some freaking reason.
Yeap, it doesn`t show me the box…
Do you have some soliution ?
Vladimir I have just changed over to thesis so I have to do a little tweaking, there is a special file I have just installed, should have it working again pretty soon. It was working fine on Revolution Theme
Thanks very much. I will give it a look
Hi Ian great web site lots of nuggets of gold here thanks for sharing..
BUT your videos have no sound! That sucks!
Where are the Plug ins in WordPress?
Thanks for putting this together!
Same question as Samuel, anyone have a nice and easy guide and tutorial to adding FBConnect to your web site (non-blog)? I’m a little confused by the Facebook Developers section!
Same question as Samuel, anyone have a nice and easy guide and tutorial to adding FBConnect to your web site (non-blog)? I’m a little confused by the Facebook Developers section!
I am using The Morning After theme. I have followed these instruction and everything look and seems fine until I try to Connect. I get the following message in the facebook box:
“Invalid Argument
The Facebook Connect cross-domain receiver URL (http://heathtavrides.com/wp-content/plugins/fbconnect/xd_receiver_ssl.htm#fname=_opener&%7B%22t%22%3A3%2C%22h%22%3A%22fbCancelLogin%22%2C%22sid%22%3A%220.251%22%7D) must have the application’s Connect URL (http://www.heathtavrides.com/) as a prefix. You can configure the Connect URL in the Application Settings Editor.”
Does anyone know how I can fix this? Thank you!
I fixed this by using “http://heathtavrides.com/wp-content/plugins/fbconnect” as my Connect URL.
Great plug-in and tutorial. Thanks for bringing a wonderful solution to an otherwise complicated application
I just installed this yesterday and I think everything is doing just great, with the exception of clicking on the viewer profiles or “view more” from the sidebar widget. Is there a missing part to this tutorial of any guidance I could get on how to create these pages to look a little more integrated in the site?
Thanks!
Hi,
Thanks for the great info. I have tried to follow step by step and for some reason when I get up to the create template stage I get this error: Error updating Facebook templates!
Does anyone know what I’m doing wrong? or maybe how I could fix it?
Thanks a lot guys!
PJ, i have the same exact problem. Let me know if you find a resolution. Thanks!
Great post. Thanks for the info!
Got problem wit posting comments from web to FB, invalid template id. Search the net and seems like everyone has this problem. Any solution?
How can I connect facebook page fan and my blog to write note automatically when my blog has a new post?
Want to know what VC asked as well. thanks.
i want to thank you for posting these helpful videos and story about how to connect blog with facebook.
but .from now on ,i know that ,there still have some one care of the comment which have wealth of information.
am i right?
Hot deals–
Hello,
I have read your blog and I feel that the information about How does Paying with Cash Help with Debt Management? it’s really useful to all.
I love playing the new games Reflexive puts on here like mad caps bettys beer bar Panda Craze that's a wonderful game to play. You have to hit the S–>key & the D–>key S=Left D=Right it's pretty fun to play.
Looks really good, I love the art style. As for delayed projects, I know how that goes, just keep pushing
The mobile games is very interesting.now days youth and kids are very liked mobile games.
Antikeylogger
anti keylogger
This is my first comment but I feel like I should have been making loads of comments now because I always like your stuff. Maybe comments are for more hit and miss blogs than your own. When you maintain a consistent level of high quality output I reckon people are less inclined to comment because they have come to expect it from you. Just a theory.
Never really occurred to me to leave a comment on the designboom weblog.. i mean sure, i read you guys everyday, but the posts i find interesting i fave or bookmark or share the url to others, rather than clicking the comment link.
It's good to know your stand towards this comment thing going on. I've visited some design sites before that I find have repetitive comments from visitors, might be one of those you were pertaining to.
I find I respect designboom more for the lack of comment obsession
Antikeylogger
anti keylogger
This is my first comment but I feel like I should have been making loads of comments now because I always like your stuff. Maybe comments are for more hit and miss blogs than your own. When you maintain a consistent level of high quality output I reckon people are less inclined to comment because they have come to expect it from you. Just a theory.
Never really occurred to me to leave a comment on the designboom weblog.. i mean sure, i read you guys everyday, but the posts i find interesting i fave or bookmark or share the url to others, rather than clicking the comment link.
It's good to know your stand towards this comment thing going on. I've visited some design sites before that I find have repetitive comments from visitors, might be one of those you were pertaining to.
I find I respect designboom more for the lack of comment obsession
Antikeylogger
anti keylogger
This is too powerful. Looks a little daunting at first blush but I am going to give it a try. It will certainly leverage on the activity and get lots of exposure. Thanks for sharing and the clear notes.
This is too powerful. Looks a little daunting at first blush but I am going to give it a try. It will certainly leverage on the activity and get lots of exposure. Thanks for sharing and the clear notes.
I have an issue I’ve been struggling to fix and can’t find a solution. I’m using your plugin and on my blog when I connect by facebook and click the invite button all I see is a blank page with only the title at the top “Invite your friends”.
Would you happen to know why the invite tool doesn’t load up?
Thanks a landlord it! I acquired yet some insight. Life is so colorful, we should be able to live in, such as Korea and honor the planet. Human life is like rivers, slowly flowing, flowing rivers, flowing through the snow, flows through the prairie and ultimately into the sea, return to the embrace of nature, start a new reincarnation. Allow us to feel the meaning of life will come only to those you have those memories http://www.cheap-nikeshox.com/nike-shox-TL1.html
Is there any way to have a post on FB, yet have it so people can comment on that post thru your website?
Everyone loves what you guys are up too. This type
of clever work and reporting! Keep up the awesome works
guys I’ve added you guys to blogroll.
Hi there every one, here every one is sharing these knowledge,
thus it’s fastidious to read this web-site, and I used to pay a quick visit this blog daily.
At this time it looks like Drupal is the top blogging platform available right now.
(from what I’ve read) Is that what you are using on your blog?
hello there and thank you for the brill site. I’ve definitely picked up anything new from right here. I did however expertise a few technical issues using this web site, since I experienced to reload the web site a lot of times previous to I could get it to load correctly. I had been wondering if your web hosting is OK? Not that I am complaining, but slow loading instances times will very frequently affect your placement in google and could damage your quality score if advertising and marketing with Adwords. Well I am adding this RSS to my email and could look out for a lot more of your respective exciting content. Make sure you update this again very soon.
Today, while I was at work, my cousin stole my apple
ipad and tested to see if it can survive a thirty foot drop,
just so she can be a youtube sensation. My iPad is now destroyed and she has 83 views.
I know this is totally off topic but I had to share it with
someone!
Hi there! I just wanted to ask if you ever have any trouble with hackers?
My last blog (wordpress) was hacked and I ended up losing
many months of hard work due to no backup. Do you have any solutions to stop hackers?
So much for trying this myself, I’ll never be able to manage it. I’ll just learn
instead.
I know this web site gives quality depending articles and other data, is there
any other website which provides these kinds of
data in quality?
Nice post. I learn something new and challenging on sites I stumbleupon
every day. It’s always exciting to read through content from other writers and use a little something from their sites.
Attractive section of content. I just stumbled upon your site and in accession capital to claim that
I acquire actually loved account your blog posts.
Any way I’ll be subscribing for your augment or even I achievement you get entry to persistently quickly.