34
Harnessing FB’s Open Graph Workshop 4:

OMSPhoenix6-15-2011-workshop four

Embed Size (px)

DESCRIPTION

Harnessing the Open Graph

Citation preview

Page 1: OMSPhoenix6-15-2011-workshop four

Harnessing FB’s Open Graph

Workshop 4:

Page 2: OMSPhoenix6-15-2011-workshop four

KATHY JACOBS

CallKathy for social media support, training, and consulting!

Page 3: OMSPhoenix6-15-2011-workshop four

WHAT IS THE OPEN GRAPH

Page 4: OMSPhoenix6-15-2011-workshop four

OpenGraph -Facebook

pages from your site

content

Page 5: OMSPhoenix6-15-2011-workshop four
Page 6: OMSPhoenix6-15-2011-workshop four

IMPLEMENTING IT

Page 7: OMSPhoenix6-15-2011-workshop four

The long way… code

http://developers.facebook.com/docs/opengraph/

1. Configure meta tags for page2. Add the Like button code3. Test the before releasing into wild4. Connect site page to FB page or application5. Customize the meta tags6. Customers publish content by clicking buttons

Page 9: OMSPhoenix6-15-2011-workshop four

Facebook Social

Plugins

Like (button or box)

Send Comments

Feed

Recommend

Login Registration

Facepile

Live stream

The easier way: Social Plugins

Page 10: OMSPhoenix6-15-2011-workshop four

Step 1: Get button code

Page 11: OMSPhoenix6-15-2011-workshop four

Step 2: Get the tags

Page 12: OMSPhoenix6-15-2011-workshop four

Step 3: Add it to your site

• Button code goes in content areas

• Tags go in <head> area of page

Page 13: OMSPhoenix6-15-2011-workshop four

Things to think about

• Utilize the sites that already implemented OpenGraph

• Try not to over clutter your pages with FB buttons – they aren’t the whole world

• Use them for events – Great way to connect!

Page 14: OMSPhoenix6-15-2011-workshop four

Your turn

Determine where you would use a social pluginPick one plugin to implement on your siteUse the forms accessed through: http://developers.facebook.com/docs/plugins/Create the code & tags for a button for your site

Time limit: 10 minutes

Page 15: OMSPhoenix6-15-2011-workshop four

IS THERE MORE TO IT?

Page 16: OMSPhoenix6-15-2011-workshop four

Open Graph is more than just FB

• Google +1• Twitter Follow and Tweet• LinkedIn Share• Amplify• AddToAny and equivalents

Page 17: OMSPhoenix6-15-2011-workshop four

What is AddTo Any?

Page 18: OMSPhoenix6-15-2011-workshop four
Page 19: OMSPhoenix6-15-2011-workshop four

EXAMPLES ON OTHER SITES

Page 20: OMSPhoenix6-15-2011-workshop four

TechCrunch

Page 21: OMSPhoenix6-15-2011-workshop four

Google Top News

• Expand top news items• Share from there

Page 22: OMSPhoenix6-15-2011-workshop four

Eventbrite

Page 23: OMSPhoenix6-15-2011-workshop four

oneforty.com

Page 24: OMSPhoenix6-15-2011-workshop four

This event

Page 25: OMSPhoenix6-15-2011-workshop four

What do I use on my blog?

Page 26: OMSPhoenix6-15-2011-workshop four

Your turn

Determine which other open graph implementations you would use for your site and how you would implement them. Come up with three ways the rest of the open graph can help you increase cross channel interactions.

Time limit: 10 minutes

Page 27: OMSPhoenix6-15-2011-workshop four

ORGANIZATION BUY IN FOR THE OPEN GRAPH

Page 28: OMSPhoenix6-15-2011-workshop four

“But it’s our content!”

Page 29: OMSPhoenix6-15-2011-workshop four

“Why not just share it ourselves?”

Page 30: OMSPhoenix6-15-2011-workshop four

“If our content is everywhere, isn’t that

spamming?”

Page 31: OMSPhoenix6-15-2011-workshop four

“What is it going to cost?”

Page 32: OMSPhoenix6-15-2011-workshop four

Your turn

• Brainstorm within your group potential brick walls to using the social graph and solutions for them.

• Time limit 10 minutes

Page 33: OMSPhoenix6-15-2011-workshop four

WHAT DOES THIS DO FOR ME?

Page 34: OMSPhoenix6-15-2011-workshop four

WHAT ELSE DO YOU WANT TO KNOW?