agency primer-facebook-v3

FACEBOOKA G E N C Y P R I M E R S E R I E S

THE NERDERY

We help our partners get big ideas out of their heads and onto their clients’ websites

Website: www.nerdery.comTwitter: @the_nerdery

PRESENTERS

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.

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.

WHY FACEBOOK APPS?

Bring existing apps into Facebook

Harvest social relationships

Bring a brand into Facebook

Customer engagement

Drive traffic to website

Reputation Management

TOOLBOX

WHAT’S IN AN APP?

ABOUT PAGE

PROFILE TAB

CANVAS PAGE

OTHER PLACES AN APP SHOWS UP

APPLICATION DIRECTORY

BOOKMARKS

NEWS FEED

“LIKE”

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”)

OPEN GRAPH META TAGS

LIKE FEED

INVITE YOUR FRIEND TO JOIN THE APP

FRIENDS WILL RECEIVE THE REQUEST AND HAVE THE OPPORTUNITY TO RESPOND

STREAM PUBLISHING“POST TO MY WALL”

USERS NEED TO OPT-IN TO SHARE

AND CUSTOMIZE THEIR POST

APPEARS ON THE USER’S WALL, AND THEIR FRIENDS’ STREAM

GRAPH API

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

BOOKMARKS AND COUNTS

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

“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”

APPLICATION CANVAS PROFILE TAB

Width: 760px Width: 520px

“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

“WHAT’S THE DIFFERENCE BETWEEN AN APP AND A TAB?”

APPLICATION CANVAS PROFILE TABCan request user for additional

permissions Cannot request user for permissions

“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)

“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.

“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.

“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

FLASH VS FBML

FBML COMPONENTS THAT FACEBOOK PROVIDES

CommentsFriend SelectorsProfile PicturesContextual User NamesDialog BoxesCaptcha

Public Apps

Authentication

LOOK OUT FOR USER FLOW

ADDITIONAL PERMISSIONS

Email

Stream

Friend Lists & Requests

Mailbox

Checkins

Publish stream

Create and RSVP

SMS

Offline Access

Profile Access

RECENT CHANGES WITH FACEBOOK

GRAPHProvides applications significantly more

access to Facebook content

APPLICATION TAB WIDTH CHANGE

Recently changed from 760px to 520px

CHECK-INSAdded Foursquare-like Facebook

Places for mobile checkins

NO MORE “FANNING”

NO MORE PROFILE BOXES

WHAT’S COMING BY Q1 2011?

TECHNICAL CHANGES

No new FBML apps

Supporting iframes in page tabs

Lots of old (unused) API functionality is being deprecated

COLLABORATING

WHERE TO RESEARCH CURRENT CAPABILITIES

http://developers.facebook.com/

Q&A