The Social Web: An Implementer's Guide (Google I/O 2009)

The Web is going social and the Social Web is going open--come and learn the latest ways to build your website into this social ecosystem. Reduce sign-up friction with OpenID and OAuth hybrid onboarding. Use Portable Contacts to tap your users' social graph without scraping. Let them promote your site across the web with Activity Streams. Get the big picture and see hands-on examples integrated with Google, Yahoo, MySpace, Plaxo, and more.

1. :
TheSocialWeb
'
AnImplementersGuide
Google I/O 2009
27 May 2009
Google Moderator: http://is.gd/HJqS

2. / …
LastyearatGoogleIO

6. …
Laterthatyear

8. , ?
So wherearewenow

10. …
OpenIDadoptioncontinues togrow

11. …
ToomanyOAuthAPIs tocount

12. ,
Tons offeeds includingmainstream
sites

13. OpenSocialhas seenwidespread
adoption

14. …
Inotherwords

15. ’ .
Its nowclear

16. …
TheWebis goingsocial
…
andtheSocialWebis going
.
open

17. … :
Andthatmeans Nowyoucan
 -
Streamlineyoursignupflow
 -
Putanendto“re friendmadness”
 -
Killthe“passwordantipattern”

Ridethe“virtuous cycleofsocial
discovery”

18. ’ …
Lets seeitinaction

19. ’ …
Lets seeitinaction
:
Demo
2- -
“ ClickSignup”

Google

Plaxo

20. 2- - : ?
ClickSignup Howdoes itwork
 .
Invitationsentto@gmailcomaddress
-User is likely to have Google profile / contact
list
-Gmail user is already signed in when
responding
 +
OpenID OAuth“hybrid”logintoPlaxo
-Also requests name, email, etc. via AX
-Response includes profile data and OAuth
token

PortableContacts tofindconnections
-Using OAuth token; matching via e-mail
address

21. 2- - :
ClickSignup How
well ?
does itwork

Users prefer“SigninwithGoogle
-
Account”morethansignupfrom
scratch
 , 92% !
Ofusers sentofftoGoogle return

Returningusers importandconnect
more

Hybridusers visitPlaxomoreoften
( )
nolostpasswords
 100%
Nowbeingusedwith ofgmail
users

22. 2- - : ’
ClickSignup Everyones invited

Allbuiltonopenstandards

Works “outofthebox”with
MySpace

Noneedforpriorbizdev
arrangements

NowalsobeingusedbyFriendFeed

23. … , , !
and as oflastweek byFacebooktoo

24. ’ …
Lets seeitinaction
:
Demo
2- -
“ ClickSignup”
MySpaceID

25. ://8 . . /
http bitmusic jdavid net

26. ’ …
Lets seeitinaction
:
Demo
-
Ending“Re friendMadness”

withFacebookConnect

28. - :
Ending“re friendmadness” Howdoes it
?
work
 (
Storeidentitymapping FBID

Plaxo
)
ID
-Established each time a user connects
accounts
 ’ ( )
Access FBusers friends list FBIDs
-Find subset that are mapped to Plaxo IDs

Establishconnectionforfriends on
Plaxo
-Keep connections up-to-date in the background
-Users can opt to keep their graphs separate
 ’
ShowFBusers contentinPlaxostream
-Still protected by social graph & permissions

29. ’ …
Lets seeitinaction
:
Demo
-
Killingthe“passwordantipattern”

30. ://
http
.
friendfeed com
/ /
friends search

31. .
PortableContacts net

32. Source: Sean Sullivan

33. Source: Sean Sullivan

34. Source: Sean Sullivan

35. ’ …
Lets seeitinaction
:
Demo

Sharingactivitystreams

FriendConnect

Plaxo

37. ?
WhataboutFacebook

39. , …
So inconclusion

40. …
TheWebis goingsocial
…
andtheSocialWebis going
.
open

41. TheWebis
now …
social
…
andtheSocialWebis
now .
open

42. !
Timetogetinvolved
 ’
Openyoursitetousers existing
accounts
 -
Providethemasociallytailored
experience

Letthemshareactivityoutintoother
sites
!
Ridethevirtuouscycle

43. http://thesocialweb.tv