Google+ Sign-In for Web Apps

Learn how to add Google+ Sign-In to your web based app, how to connect user's to their friends, create customized experiences with Google+ profile data, drive more engagement using interactive posts, and monitor your app's performance on Google+.

Transcript

1. 13 Google+ Sign-In for Web Apps Building on the Google+ Platform Ade Oshineye Senior Developer Advocate
2. 2 www.oshineye.com/+
3. 3 Questions
4. Web Sign-In
5. 5 Web versus Apps?
6. 6 It all starts with the web
7. 7 Social web apps
8. 8 Solutions not just technologies
9. 9 Client libraries and SDKs
10. 10 Quickstarts
11. 11 Google+ Platform
12. 12 Multi-device & multi-platform
13. 13 http://ade-photohunt.appspot.com
14. Start with sign-in
16. 16 developers.google.com/console
17. 17 Add Google+ API
18. 18 Teamwork works
19. 19 Projects contain Client IDs
20. 20 Create Client ID
21. 21 OAuth configuration
22. 22 API traffic reports
23. 23 Quotas
24. 24 Client-side sign-in: why?
25. 25 Client-side sign-in
26. 26 Client-side sign-in
27. 27 Client-side sign-in
28. 28 Client-side sign-in
29. 29 Disconnect
30. 30 What about the server-side?
31. 31 The hybrid flow • Opaque code in authResult • Exchange the code for an access token and refresh token • Verify the access token is for the current user and for your app • Defend against request forgery
32. Connect & customize
33. 33 User brings their profile and their circles
34. 34 Developer differentiates the experience Extract interests from profile
35. 35 Extract interests from profile
36. 36 Developer differentiates the experience Extract interests from profile Match & merge social graphs Make recommendations Magical OOB
37. Encourage interaction
38. 38 Interactive posts: before
39. 39 Interactive posts: after
40. 40 Interactive posts: concepts
41. 41 Interactive posts: implementation API Project and Client ID Load our JS Choose a label out of 100 options Design and add a button
42. 42 Interactive posts: implementation
43. Surface activities
44. 44 Is this thing on?
45. 45 App activities
46. 46 plus.google.com/apps/activities
47. 47 Defining app activities Activity type
48. 48 10 types of app activities AddActivity BuyActivity CheckInActivity CommentActivity CreateActivity
49. 49 10 types of app activities DiscoverActivity ListenActivity ReserveActivity ReviewActivity WantActivity
50. 50 Defining app activities Activity type Target Itemtype Name Description Image
51. 51 Using app activities Choose activity type Entity type from schema.org Make sure it’s user-centric
52. 52 Moments? URL-less moments?
53. 53 Historical moments? Future moments?
54. 54 Implementing app activities API Project and Client ID Sign-in button Ask for “requestvisibleactions” Insert meaningful moments
55. 55 Implementing app activities
56. 56 Implementing app activities
57. 57 Implementing app activities
58. Act on analytics
59. 59 Data > Anecdotes
60. 60 Platform Insights
61. 61 Platform Insights
62. 62 Platform Insights
63. 63 Create a Google+ Page
64. 64 Connect Page and API Project
65. 65 Connect Page and API Project
66. 66 Data > Anecdotes Create a Google+ Page Connect Page and API Project Act on Platform Insights
67. 67 Take action
68. Wrap it up in a bow
69. Bring in all of Google Combine things creatively 69 Add your own magic
70. 70 Bring in all of Google
71. Unique connection with users Use unique Google+ features 71 Add your own magic
72. 72 Create a unique and valuable social experience for your users
73. <Thank You!> http://goo.gl/4urfo
74. 74 Questions
76. Developers