Agency primer-facebook-v3
-
Upload
the-nerdery -
Category
Documents
-
view
3.835 -
download
2
description
Transcript of Agency primer-facebook-v3
![Page 1: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/1.jpg)
![Page 2: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/2.jpg)
FACEBOOKA G E N C Y P R I M E R S E R I E S
![Page 3: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/3.jpg)
THE NERDERY
We help our partners get big ideas out of their heads and onto their clients’ websites
Website: www.nerdery.comTwitter: @the_nerdery
![Page 4: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/4.jpg)
PRESENTERS
![Page 5: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/5.jpg)
ANNETTESOFTWARE DEVELOPMENT MANAGER
What was your first job?
Front yard entrepenuer. I sold lemonade, hand drawn tattoos, potato stamps and anything else I could collect coins for. I also did PR work for the neighborhood circus.
![Page 6: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/6.jpg)
KONRSENIOR PROGRAMMER
What is your earliest computing or internet memory?
I got my first computer when I was eight and by age ten I was programming in qBasic. I remember following the programming tutorial for using the random number generator, and my program generated the EXACT SAME random numbers that the printed manual did. It blew my mind. That was my first experience with psuedo-random number generators.
![Page 7: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/7.jpg)
WHY FACEBOOK APPS?
Bring existing apps into Facebook
Harvest social relationships
Bring a brand into Facebook
Customer engagement
Drive traffic to website
Reputation Management
![Page 8: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/8.jpg)
TOOLBOX
![Page 9: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/9.jpg)
WHAT’S IN AN APP?
![Page 10: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/10.jpg)
ABOUT PAGE
![Page 11: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/11.jpg)
PROFILE TAB
![Page 12: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/12.jpg)
CANVAS PAGE
![Page 13: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/13.jpg)
OTHER PLACES AN APP SHOWS UP
![Page 14: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/14.jpg)
APPLICATION DIRECTORY
![Page 15: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/15.jpg)
BOOKMARKS
![Page 16: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/16.jpg)
NEWS FEED
![Page 17: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/17.jpg)
“LIKE”
![Page 18: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/18.jpg)
LIKE BUTTON
Can be in an application or an external website
The user likes a URL
Is similar to liking a profile (which used to be “become a fan”)
![Page 19: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/19.jpg)
OPEN GRAPH META TAGS
![Page 20: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/20.jpg)
LIKE FEED
![Page 21: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/21.jpg)
INVITE YOUR FRIEND TO JOIN THE APP
![Page 22: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/22.jpg)
FRIENDS WILL RECEIVE THE REQUEST AND HAVE THE OPPORTUNITY TO RESPOND
![Page 23: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/23.jpg)
STREAM PUBLISHING“POST TO MY WALL”
![Page 24: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/24.jpg)
USERS NEED TO OPT-IN TO SHARE
AND CUSTOMIZE THEIR POST
![Page 25: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/25.jpg)
APPEARS ON THE USER’S WALL, AND THEIR FRIENDS’ STREAM
![Page 26: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/26.jpg)
GRAPH API
![Page 27: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/27.jpg)
AVAILABLE PROFILE CONTENTUsersPagesEventsGroups
This includes the relationships between and extended data of all of these objects (examples: Friends, Comments, Likes, Photo Tags, etc.)
ApplicationsStatus MessagesPhotosVideos
NotesCheck-ins
![Page 28: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/28.jpg)
BOOKMARKS AND COUNTS
![Page 29: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/29.jpg)
ELEMENTS OF A SUCCESSFUL FACEBOOK APP
Easy to use
Easy to understand
Must have viral qualities
Don’t be Spammy: Encourage your users to spread the word
![Page 30: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/30.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TAB
Width: 760px Width: 520px
![Page 31: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/31.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TABKnows who the viewing user is and
has access to basic profile information
Does not know who the viewing user is and cannot get any profile
information
![Page 32: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/32.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TABCan request user for additional
permissions Cannot request user for permissions
![Page 33: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/33.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TAB
Can have any web content (HTML, Images, Javascript, CSS, Flash, etc.)
Can have limited web content (HTML, CSS, Flash, limited
interactivity)
![Page 34: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/34.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TABCan have iframes that allow for fully
control of interactive contentiframes are not currently supported,
but should be by Q1 2011.
![Page 35: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/35.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TAB
Can Like and Share buttonsCurrently can only have Share
buttons, since Like buttons require an iframe.
![Page 36: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/36.jpg)
“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”
APPLICATION CANVAS PROFILE TAB
Flash content loads immediately Flash content requires a preloader image that the user must click
![Page 37: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/37.jpg)
FLASH VS FBML
![Page 38: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/38.jpg)
FBML COMPONENTS THAT FACEBOOK PROVIDES
CommentsFriend SelectorsProfile PicturesContextual User NamesDialog BoxesCaptcha
![Page 39: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/39.jpg)
Public Apps
Authentication
LOOK OUT FOR USER FLOW
![Page 40: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/40.jpg)
ADDITIONAL PERMISSIONS
Stream
Friend Lists & Requests
Mailbox
Checkins
Publish stream
Create and RSVP
SMS
Offline Access
Profile Access
![Page 41: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/41.jpg)
RECENT CHANGES WITH FACEBOOK
![Page 42: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/42.jpg)
GRAPHProvides applications significantly more
access to Facebook content
![Page 43: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/43.jpg)
APPLICATION TAB WIDTH CHANGE
Recently changed from 760px to 520px
![Page 44: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/44.jpg)
CHECK-INSAdded Foursquare-like Facebook
Places for mobile checkins
![Page 45: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/45.jpg)
NO MORE “FANNING”
![Page 46: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/46.jpg)
NO MORE PROFILE BOXES
![Page 47: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/47.jpg)
WHAT’S COMING BY Q1 2011?
![Page 48: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/48.jpg)
TECHNICAL CHANGES
No new FBML apps
Supporting iframes in page tabs
Lots of old (unused) API functionality is being deprecated
![Page 49: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/49.jpg)
COLLABORATING
![Page 50: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/50.jpg)
WHERE TO RESEARCH CURRENT CAPABILITIES
http://developers.facebook.com/
![Page 51: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/51.jpg)
Q&A
![Page 52: Agency primer-facebook-v3](https://reader037.fdocuments.us/reader037/viewer/2022102721/54b90eb54a79599d028b45ba/html5/thumbnails/52.jpg)