Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Workshop 4:Harnessing FB’s Open Graph
CallKathy for social mediasupport, training, and consulting!KATHY JACOBS
WHAT IS THE OPEN GRAPH
OpenGraph -   Facebook     pagesfrom your site    content
IMPLEMENTING IT
The long way… codehttp://developers.facebook.com/docs/opengraph/1.   Configure meta tags for page2.   Add the Like button ...
Feed               Facepile Send        The easier way:                  Comments              Social Plugins           Li...
Step 1: Get button code
Step 2: Get the tags
Step 3: Add it to your site• Button code goes in content areas• Tags go in <head> area of page
Things to think about• Utilize the sites that already implemented  OpenGraph• Try not to over clutter your pages with FB  ...
Your turnDetermine where you would use a social pluginPick one plugin to implement on your siteUse the forms accessed thro...
IS THERE MORE TO IT?
Open Graph is more than just FB•   Google +1•   Twitter Follow and Tweet•   LinkedIn Share•   Amplify•   AddToAny and equi...
What is AddTo Any?
EXAMPLES ON OTHER SITES
TechCrunch
Google Top News• Expand top news items• Share from there
Eventbrite
oneforty.com
This event
What do I use on my blog?
Your turnDetermine which other open graphimplementations you would use for your siteand how you would implement them. Come...
ORGANIZATION BUY IN FOR THEOPEN GRAPH
“But it’s our content!”
“Why not just share it    ourselves?”
“If our content iseverywhere, isn’t that     spamming?”
“What is it going to     cost?”
Your turn• Brainstorm within your group potential brick  walls to using the social graph and solutions  for them.• Time li...
WHAT DOES THIS DO FOR ME?
WHAT ELSE DO YOU WANT TOKNOW?
OMSPhoenix6-15-2011-workshop four
OMSPhoenix6-15-2011-workshop four
OMSPhoenix6-15-2011-workshop four
Upcoming SlideShare
Loading in …5
×

OMSPhoenix6-15-2011-workshop four

618 views

Published on

Harnessing the Open Graph

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

OMSPhoenix6-15-2011-workshop four

  1. 1. Workshop 4:Harnessing FB’s Open Graph
  2. 2. CallKathy for social mediasupport, training, and consulting!KATHY JACOBS
  3. 3. WHAT IS THE OPEN GRAPH
  4. 4. OpenGraph - Facebook pagesfrom your site content
  5. 5. IMPLEMENTING IT
  6. 6. The long way… codehttp://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
  7. 7. Feed Facepile Send The easier way: Comments Social Plugins Like (button or box)Facebook Social Recommend Plugins Login Registration Live stream
  8. 8. Step 1: Get button code
  9. 9. Step 2: Get the tags
  10. 10. Step 3: Add it to your site• Button code goes in content areas• Tags go in <head> area of page
  11. 11. 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!
  12. 12. Your turnDetermine 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 siteTime limit: 10 minutes
  13. 13. IS THERE MORE TO IT?
  14. 14. Open Graph is more than just FB• Google +1• Twitter Follow and Tweet• LinkedIn Share• Amplify• AddToAny and equivalents
  15. 15. What is AddTo Any?
  16. 16. EXAMPLES ON OTHER SITES
  17. 17. TechCrunch
  18. 18. Google Top News• Expand top news items• Share from there
  19. 19. Eventbrite
  20. 20. oneforty.com
  21. 21. This event
  22. 22. What do I use on my blog?
  23. 23. Your turnDetermine which other open graphimplementations you would use for your siteand how you would implement them. Come upwith three ways the rest of the open graph canhelp you increase cross channel interactions.Time limit: 10 minutes
  24. 24. ORGANIZATION BUY IN FOR THEOPEN GRAPH
  25. 25. “But it’s our content!”
  26. 26. “Why not just share it ourselves?”
  27. 27. “If our content iseverywhere, isn’t that spamming?”
  28. 28. “What is it going to cost?”
  29. 29. Your turn• Brainstorm within your group potential brick walls to using the social graph and solutions for them.• Time limit 10 minutes
  30. 30. WHAT DOES THIS DO FOR ME?
  31. 31. WHAT ELSE DO YOU WANT TOKNOW?

×