Introduction to facebook sdk

37
Introduction to Facebook SDK Gaurav Jaiswal Singsys Pte. Ltd.

description

Introduction to Facebook SDK, Open Authentication (OAuth), Integration of facebook Social Plugins in your website

Transcript of Introduction to facebook sdk

Page 1: Introduction to facebook sdk

Introduction to Facebook SDKGaurav JaiswalSingsys Pte. Ltd.

Page 2: Introduction to facebook sdk

What is Facebook?

Page 3: Introduction to facebook sdk

Facebook is a popular free social networking website that allows registered users to create profiles, upload photos and video, send messages and keep in touch with friends, family and colleagues. The site, which is available in 37 different languages, includes public features such as:

Page 4: Introduction to facebook sdk

Marketplace - allows members to post, read and respond to classified ads.

Groups - allows members who have common interests to find each other and interact.

Events - allows members to publicize an event, invite guests and track who plans to attend.

Pages - allows members to create and promote a public page built around a specific topic.

Presence technology - allows members to see which contacts are online and chat.

Page 5: Introduction to facebook sdk

• More than 665 Million active users on Facebook

• 50% of users log on every day

• The average user has 130 friends

• The average user is connected to 80 pages, groups and events

• The averse user spends over 7 hours on Facebook per month

Page 6: Introduction to facebook sdk

Importance of Facebook for Business

Page 7: Introduction to facebook sdk

It can help you:

Get foundBuild CredibilityEngage with your target marketIt's low cost MarketingIncrease you online footprintBuild community

Why is Facebook important to your business?

Page 8: Introduction to facebook sdk

What you can do on Facebook for your Business?Create Facebook PageGet "Likes”Engage with FansIntegrate Facebook with you Web and Mobile Apps

Page 9: Introduction to facebook sdk

Why Create Facebook Page?Interact and EngageHighlight Specials / EventsUpdate you fans quickly / easily Show much more Company infoExtend your brand visually to FacebookShowcase TestimonialsInform, EducateExtend loyalty and deepen interaction

Page 10: Introduction to facebook sdk

Why “Likes”?With the Like they are opting in to hear from youEvery time someone interacts with your business, that

action gets published into the News Feed, creating work of mouth

These organic stories are extremely effective at getting other to engage and take action

Page 11: Introduction to facebook sdk

You can't fake "being social”!It's not build it and you're doneEngage with FansDon't give it the hard sellAsk open ended questions

Page 12: Introduction to facebook sdk

Facebook for Developers

Page 13: Introduction to facebook sdk

What is Oauth (Open Authentication) ?OAuth (Open Authentication) is a system which grants

third-party websites limited access into user accounts for example your Twitter or Facebook accounts. It lets visitors interact within the site without requiring new account registration or releasing your username and password to third parties

Page 14: Introduction to facebook sdk

Why to use OAuth?

If you consider how much more connected the Internet has become, it only makes sense that users will want to share information between multiple accounts from Facebook into Twitter, Tumblr, Foursquare, and now even into mobile apps such as Path or Instagram.

The problem we face now is how to accomplish this in the most secure and simplest way possible. OAuth is an attempt to solve this problem.

Page 15: Introduction to facebook sdk

How OAuth works?

There are 3 parties to consider in a standard OAuth call:

Service Provider – The main network you are trying to pull data from. They provide the API response such as your username, profile picture, website URL, and other stuff.

Consumer – The 3rd party app looking to receive data. This would be the website or mobile app which makes the initial connection request, then also handles the return data after authorization.

User – The person sitting behind the computer interacting with the websites which would be you!

Page 16: Introduction to facebook sdk

The purpose of OAuth isn’t to provide a specific library for websites to use. It actually sets up the “rules” for building an open protocol API.

Page 17: Introduction to facebook sdk

Integration of Facebook

Page 18: Introduction to facebook sdk

Integration of Facebook can be done with:

Page 19: Introduction to facebook sdk

Getting Started With Facebook For Websites

Page 20: Introduction to facebook sdk

In this guide:Adding social features with PluginsSharing content back to FacebookYour website as an app on FacebookMaking your content look good on FacebookGetting to know your usersTelling stories with your contentMeasuring your success

Page 21: Introduction to facebook sdk

Adding social features with Plugins

Page 22: Introduction to facebook sdk

List of Social PluginsLike ButtonSend ButtonFollow ButtonCommentsShare DialogActivity FeedRecommendations BoxRecommendations BarLike BoxLogin ButtonRegistrationFacepile

Page 23: Introduction to facebook sdk

Like Button

The most commonly used social plugin is the Like Button, which lets your users share your page with their friends with just a click.

Page 24: Introduction to facebook sdk

Send ButtonThe Send button lets users easily send content to their friends. People will have the option to send your URL in a message to their Facebook friends, to the group wall of one of their Facebook groups and as an email to any email address. The Send button requires the JavaScript SDK.

You can get Send button code from - https://developers.facebook.com/docs/reference/plugins/send/

Page 25: Introduction to facebook sdk

Follow Button

The Follow button lets other people follow your public updates on Facebook.

Page 26: Introduction to facebook sdk

Comment Box

The Comments Box lets users comment on any piece of content on your site. Features include moderation tools and distribution.

Page 27: Introduction to facebook sdk

Share Dialog

Facebook offers an easy-to-use Share dialog that you can include on your web page or in your mobile web app so people can share links on their timeline, in groups, or to their friends via a Facebook Message. People open the Share dialog by clicking a link on your website, which opens a new window to a special URL on Facebook.

Page 28: Introduction to facebook sdk

Activity FeedThe activity feed plugin displays the most interesting recent activity taking place on your site.

Page 29: Introduction to facebook sdk

Recommendations BoxThe recommendations box shows personalized recommendations to people using your app or website

Page 30: Introduction to facebook sdk

Recommendations BarThe recommendations bar lets people like content, get recommendations and share what they’re reading with their friends.The recommendations bar is always docked to the lower right or left of the screen. When the page loads the recommendations bar is collapsed and people viewing it are shown the option to like your page.As people navigate toward the end of your page, the plugin expands. The expanded view displays a social recommendation of the next article to read on your site.

Page 31: Introduction to facebook sdk

Like BoxThe like box is a social plugin that enables Facebook Page owners to attract and gain likes from their own website. The like box enables people using your app or website to do the following:See how many people like the Page, and which of their friends

like it, too.Read recent posts from the Page.Like the Page with one click, without needing to visit the Page.

Page 32: Introduction to facebook sdk

Login ButtonWhen an app or website displays the login button, it provides people a way to log in and also shows the profile pictures of their friends who have already logged in for the app or site

Page 33: Introduction to facebook sdk

RegistrationThe registration plugin lets people easily sign up for your website with their Facebook account. The plugin is a simple iframe that you can drop into your page. When logged into Facebook, people see a form that's prefilled with their Facebook information, where appropriate

Page 34: Introduction to facebook sdk

FacepileThe Facepile plugin displays the Facebook profile pictures of people who have connected with your Facebook page via a global or custom action. It can also be configured to display pictures of people who have connected with your app

Page 35: Introduction to facebook sdk

How to Create Facebook App?

Page 36: Introduction to facebook sdk

Create Facebook AppTo create Facebook app go to http://developer.facebook.com/

Page 37: Introduction to facebook sdk

Thank You!