Tim Butterfield
Facebook Wall Feed on your Website

jQuery plugin that lets you show the latest updates from your facebook profile or page.

Download

Examples

The plugin can be seen live here: http://beta.thomasclausen.dk/facebook-wall/

Usage

Insert the following code to activate the pluign:

(function($) {
    $(document).ready(function(){
        $('#facebook_wall').facebook_wall({
            id: 'your_id',
            access_token: 'your_access_token',
            limit: 10
        });
    });
})(jQuery);

options:

id: '' - insert your profile og fanpage id
access_token: '' - insert your acces token
limit: 10 - any amount from 1-15
timeout: 400 - any amount (in miliseconds)
speed: 400 - any amount (in miliseconds)
effect: 'slide' - choices: 'slide', 'fade' or 'none'
locale: 'da_DK' - your contry code
avatar_size: 'square' - choices: 'square', 'small', 'normal' or 'large'
message_length: 200, // Any amount you like. Above 0 shortens the message length
show_guest_entries: true - choices: 'true' or 'false'
text_labels: your translations
on_complete: execute function when complete

Get your fanpage id

If your fanpage URL looks like ex. http://www.facebook.com/redbull, you just replace 'www' with 'graph' and you will get the id amongst other informations.

If your fanpage URL looks like ex. http://www.facebook.com/pages/redbull/14226545351, the number at the end of the URL is the id.

Get your profile id

If your profile URL looks like ex. http://www.facebook.com/thomasclausen.dk, you just replace 'www' with 'graph' and you will get the id amongst other informations.

If your profile URL looks like ex. http://www.facebook.com/profile.php?id=565874665, the number at the end of the URL is the id.

Get your acces token

Read the documentation from facebook: http://developers.facebook.com/docs/authentication/ or this page: http://neosmart-stream.com/facebook-2/how-to-create-a-facebook-access-token

1. Go to the Graph API Explorer
2. Choose your app from the dropdown menu
3. Click "Get App Token"
4. Choose the manage_pages permission (you may need the user_events permission too depending on what you wish to access)
5. Use this token in the Facebook Wall connection

To get the page's access token, continue from the steps above:

1. Now type me/accounts into the text field next to the GET drop box and click submit. Copy your page's access_token
2. Click on your page's id
3. Add this page's access_token to the Facebook Wall connections.

License

Credits go to thomasclausen.