Facebook Social Plugins

cakeexoticInternet and Web Development

Dec 13, 2013 (3 years and 7 months ago)

96 views



http://creativecommons.org/licenses/by/3.0/
`
How to easily make your site social
with Facebook Social Plugins
Aizat Faiz
aizat.faiz@gmail.com
Slides and Demo at http://fb.aizatto.com
Facebook Social
Plugins




http://creativecommons.org/licenses/by/3.0/


http://creativecommons.org/licenses/by/3.0/


Aizat Faiz
aizat.faiz@gmail.com


My opinions,
and not my employer's


https://www.facebook.com/photo.php?
fbid=387622220797&set=a.387622010797.170075.11204705797


https://www.facebook.com/photo.php?
fbid=387622215797&set=a.387622010797.170075.11204705797
Over 500 Million Users


https://www.facebook.com/photo.php?
fbid=387622215797&set=a.387622010797.170075.11204705797
Malaysia – 10.45 Million Users
http://www.socialbakers.com/facebook-statistics/malaysia


https://www.facebook.com/photo.php?
fbid=387622215797&set=a.387622010797.170075.11204705797
Malaysia – 10.45 Million Users
Internet Users (2010) – 17 Million
http://www.internetworldstats.com/asia/my.htm


https://www.facebook.com/photo.php?
fbid=387622215797&set=a.387622010797.170075.11204705797
2 out of 3
Internet Users in Malaysia
are on Facebook


https://www.facebook.com/photo.php?
fbid=387622215797&set=a.387622010797.170075.11204705797

theoretically”
Everyone is on Facebook


The Facebook Platform
https://www.facebook.com/photo.php?
fbid=387470860797&set=a.387470405797.169937.11204705797


Extending The Social Experience
To The Rest of Your Life


The Facebook Platform
Apps on
Facebook
Websites
Mobile


Apps on Facebook

Application lives insides Facebook
apps.facebook.com

Users don't leave Facebook

Deep integration with Facebook
experience

User Expectation: Your app is
most social
https://developers.facebook.com/docs/guides/canvas/


Websites

Application lives outside of
Facebook

Full customization of the user
experience

Easily make your site social
https://developers.facebook.com/docs/guides/web/


Every month, more than 250 million people
engage with Facebook on external websites


More than 2.5 million websites have integrated
with Facebook, including over 80 of comScore's
U.S. Top 100 webs



Mobile

Single Sign On with Facebook
https://developers.facebook.com/docs/guides/mobile/


People Install
20 Million Applications a Day
https://www.facebook.com/photo.php?
fbid=387470860797&set=a.387470405797.169937.11204705797


Technologies

Social Plugins

Open Graph Protocol

Graph API

Authentication

FQL

Dialogs

Credits API

Ads API

PHP SDK

iOS SDK

JavaScript SDK

Legacy REST

Legacy FBML

Legacy FBJS

Legacy JavaScript


10,000 new websites integrate
Social Plugins everyday


Facebook Social Plugins
https://developers.facebook.com/docs/plugins


All over the web


10,000 new websites
Everyday


The Goal was that it should be
Easy to Install


How Easy?


1 line of code
easy


Example


Step 1: Select A Social Plugin
https://developers.facebook.com/docs/plugins


Step 1: Select A Social Plugin
CLICK!
https://developers.facebook.com/docs/plugins


Step 2: Click “Get Code”
https://developers.facebook.com/docs/reference/plugins/like-box/


Step 2: Click “Get Code”
CLICK!


Step 3: Profit!


Sorry, I lied
Other Steps:
Register as a Developer
Register an Application
https://www.facebook.com/developers/createapp.php


Slides and Demo at
http://fb.aizatto.com




https://developers.facebook.com/docs/reference/plugins/login/
Login Button


https://developers.facebook.com/docs/reference/plugins/login/
Login Button

Quick and Easy
Authentication

Uses Facebook
Credentials

Let Facebook worry
about Authentication


https://developers.facebook.com/docs/reference/plugins/login/
Login Button

Increases Registration by
300%

Users don't want to
remember another
password

Social Buy in via Facepile

Validate authenticity


https://developers.facebook.com/docs/reference/plugins/login/
Login Button

Social Buy in via Facepile


If my friend registered, I
guess I can too”


https://developers.facebook.com/docs/plugins/registration
Registration

Similar to the Login Button

Capture User Information

Similar to the Login Button

Capture User Information


https://developers.facebook.com/docs/plugins/registration
Registration

Prefilled Information

Saves User's Time

Guarantee User information

Use this when you want more
information about the user

Integrate with your own registration
system


Advanced Registration

Custom Fields

Captchas

Custom Data Types


Example: Facebook Developer Garage Kuala Lumpur


Live Stream
https://developers.facebook.com/docs/reference/plugins/live-stream/

Share activity live on the site

Used for real time events


Recommendations
or Activity Feed
https://developers.facebook.com/docs/reference/plugins/recommendations/
https://developers.facebook.com/docs/reference/plugins/activity/

View popular pages on the site

Ranked globally or amongst
your friends

See what your friends are doing
on the site


Recommendations
or Activity Feed
https://developers.facebook.com/docs/reference/plugins/recommendations/
https://developers.facebook.com/docs/reference/plugins/activity/

Available to users who are not
logged into your site


Like Button
https://developers.facebook.com/docs/reference/plugins/like-box/

Tells your friends what content you like

Shares your content on your Facebook wall for
Friends to see


Like Button
https://developers.facebook.com/docs/reference/plugins/like/

Get valuable insights into what content your users
like

Google Analytics only allows you to infer, but you
don't really know


Send Button

https://developers.facebook.com/docs/referenc
e/plugins/send/

Send a link to your friend about the page

Great when you don't want to blast to all your
friends


Comments
https://developers.facebook.com/docs/referenc
e/plugins/comments/
Comments

Integrated with Facebook

If people reply to comments on Facebook, they will
appear here


Comments
Comments

Stops the trolls as a real identification is required
https://developers.facebook.com/docs/referenc
e/plugins/comments/


Implement These Now!


Choose what you need
https://developers.facebook.com/docs/plugins


Other Benefits
Authentication is difficult!
Ensure the password is secure
Database level?
Application level?
Transport
level?
How many of you use SSL on your sites?
Is this user says he is who he says he is?
Let Facebook handle that for you!


Other Benefits
Commenting is difficult!
People will try to inject exploit the commenting
system
Threading systems
Let Facebook handle that for you!


Other Benefits
Recommendation engines are difficult!
Especially to recommend to people who have
never used your site.
Let Facebook handle that for you!


Other Benefits
Makes your database administrator happy


http://creativecommons.org/licenses/by/3.0/
`
How to easily make your site social
with Facebook Social Plugins
Aizat Faiz
aizat.faiz@gmail.com
Slides and Demo at http://fb.aizatto.com
Facebook Social
Plugins
Thank You