omsphoenix6-15-2011-workshop four
DESCRIPTION
Harnessing the Open GraphTRANSCRIPT
![Page 1: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/1.jpg)
Harnessing FB’s Open Graph
Workshop 4:
![Page 2: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/2.jpg)
KATHY JACOBS
CallKathy for social media support, training, and consulting!
![Page 3: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/3.jpg)
WHAT IS THE OPEN GRAPH
![Page 4: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/4.jpg)
OpenGraph -Facebook
pages from your site
content
![Page 5: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/5.jpg)
![Page 6: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/6.jpg)
IMPLEMENTING IT
![Page 7: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/7.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/9.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/10.jpg)
Step 1: Get button code
![Page 11: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/11.jpg)
Step 2: Get the tags
![Page 12: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/13.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/15.jpg)
IS THERE MORE TO IT?
![Page 16: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/16.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/17.jpg)
What is AddTo Any?
![Page 18: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/18.jpg)
![Page 19: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/19.jpg)
EXAMPLES ON OTHER SITES
![Page 20: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/20.jpg)
TechCrunch
![Page 21: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/21.jpg)
Google Top News
• Expand top news items• Share from there
![Page 22: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/22.jpg)
Eventbrite
![Page 23: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/23.jpg)
oneforty.com
![Page 24: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/24.jpg)
This event
![Page 25: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/25.jpg)
What do I use on my blog?
![Page 26: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/26.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/27.jpg)
ORGANIZATION BUY IN FOR THE OPEN GRAPH
![Page 28: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/28.jpg)
“But it’s our content!”
![Page 29: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/29.jpg)
“Why not just share it ourselves?”
![Page 30: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/30.jpg)
“If our content is everywhere, isn’t that
spamming?”
![Page 31: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/31.jpg)
“What is it going to cost?”
![Page 32: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/32.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/33.jpg)
WHAT DOES THIS DO FOR ME?
![Page 34: OMSPhoenix6-15-2011-workshop four](https://reader035.vdocument.in/reader035/viewer/2022062614/54648672af7959e7138b5440/html5/thumbnails/34.jpg)
WHAT ELSE DO YOU WANT TO KNOW?