Wordpress + social<br />Connecting your WordPress site to social media through plug-ins and widgets and measuring the resu...
Let’s Get Started<br />WP inherently NOT social<br />Dev moves to fast<br />Always focused on core<br />Tons of plug-ins<b...
Social is Two-Way<br />Two-way conversation<br />Close the “loop”<br />Be authentic<br />Go beyond Twitter and Facebook<br...
The Social Loop<br />
Shorten<br />WP.me is only in WordPress.com<br />bit.ly and j.mp (same company)<br />Integrated with Twitter Tools and oth...
Bit.ly<br />Secure an API key<br />
Bit.ly Service<br />
Get Shortlink<br />
Bit.ly conversion<br />
Analyze Conversions<br />
Publish<br />Cross-Posting and Sync<br />Twitter<br />Facebook<br />Hootsuite and TweetDeck to WordPress<br />Tumblr to Wo...
Twitter Tools<br />Cross Post to Twitter<br />Must set up app at developer.Twitter.com<br />Post to Twitter or Post Tweets...
Twitter Tools<br />To use the Twitter API, register for a Twitter Consumer and Secret keys and Access Tokens<br />
Twitter Tools Admin<br />
Twitter Tools Send Post<br />Approve or restrict sending a Tweet per post<br />
Twit Connect<br />Post to Twitter<br />Also provides single sign on (SSO)<br />Ask user to register<br />
Twit Connect Login<br />Single Sign On button appears on WordPress login screen<br />
Twit Connect home login<br />Single Sign On button appears with home page login widgets<br />
Twit Connect Authorization<br />On login, user will be asked to allow Twitter to handle authorization<br />
Twit Connect register for site<br />Features a registration form to get drive users to complete site registration<br />
Twit Connect admin panel<br />Add your Consumter Key and Consumer Secret (does not need access tokens)<br />
WordBooker<br />Cross-post to personal and one business page (FB TOS)<br />Blog Level Customization<br />User Level Custom...
WordBooker blog level customization<br />
Wordbooker User Level Customization<br />
WordBooker connect to Wall/Fan Page<br />To connect to your “Page”, you must click the Facebook icon<br />
WordBooker select Wall/Fan page<br />From the drop down menu, select your Facebook page. You must have created a fan “Page...
Management Tools<br />HootSuite<br />Tweetdeck<br />Both use Twitter API to cross post to WordPress.com<br />
Hootsuite to WordPress.com<br />
TweetDeck to Wordpress.com<br />
Sync with LinkedIn<br />Sync your blog on your LinkedIn profile<br />
Display Widgets<br />Too many to go through in this presentation<br />Many come with plug-ins already<br />Easy recommenda...
Create a Twitter Widget<br />Create a widget, then copy and paste embed code in theme template or sidebar text widget.<br />
Create Facebook Widgets<br />Facebook featured various widget creation tools.<br />Generally,  you will find these tools a...
Display Plug-ins<br />FourSquareWordPress Plug-in<br />Twitter Tools Plug-in<br />Google Buzz ER Plug-in<br />
FourSquareWordPress Plug-in<br />Displays your check-ins in a sidebar widget<br />
Twitter Tools Widget<br />
Google Buzz ER Plug-In<br />
Tumble<br />Plug-in allows cross post from WordPress to Tumblr<br />Add to plug-in library, then open file and add user an...
Post to Tumblr in Posts View<br />Click to Post from All Posts view. Also works with<br />Images in the media library (not...
Simple Facebook Connect<br />Many plug-ins in one<br />Features<br />SSO<br />Comment using Facebook Identity (with FB ava...
Simple Facebook Connect Login<br />
Simple Facebook Connect Home<br />
Simple Facebook register with site<br />
Simple Facebook Connect Profile<br />
Simple Facebook Connect Logged In<br />
Simple Twitter Connect<br />SSO using Twitter<br />Comment using Twitter credentials<br />Users can auto-tweet their comme...
Social Sharing<br />Social Bookmarking<br />Combined widgets from ShareThis, AddThis, AddToAny<br />TweetMeme<br />Faceboo...
Top 15 Social Bookmarking Sites 2011<br />http://www.ebizmba.com/articles/social-bookmarking-websites<br />
Social Bookmarking<br />
ShareThis Widget<br />
ShareThis Options<br />
ShareThisWidget Options<br />
New ShareThis Overlay<br />In ShareThis settings, choose Modern<br />
Tweetmeme Widget<br />Adds TweetMeme widget to the right of text on posts and pages.<br />
TweetMeme site<br />
April’s Facebook Like<br />April’s Facebook Like<br />Added to your theme by the plugin, or you can place the call to the ...
Facebook Like and Send<br />
Social Feedback with GetSatisfaction<br />“Freemium” service provides you with tools to gain valuable insights from your u...
TweetBoard<br />
Links: Social Media Widget<br />
Ratings and Polling<br />Poll Daddy<br />By Automattic<br />Rate Posts<br />Customizable icons<br />Create Polls<br />Trac...
Poll Daddy<br />Rate Posts<br />
Poll Daddy<br />Add Polls<br />
Poll Daddy<br />
Social Commenting: Intense Debate<br />Manages your social comments<br />Adds SSO capability for comments<br />Registers c...
SSO for Intense Debate<br />Uses Twitter and OpenID natively<br />Must register an API Key on Facebook (as shown)<br />
SSO: Intense Debate<br />Add your API key<br />
Intense Debate<br />Logged in<br />Not logged in<br />Can post anonymously<br />
Old School<br />Use RSS<br />Feedburner by Google<br />Burn and Track your feed<br />FeedSmith for WordPress plug-in<br />
FeedSmith<br />FeedburnerFeedSmith allows you to set up Feeds by Category<br />
Trackbacks and Pingbacks<br />Tracking back to other blogs elicits trust between bloggers and fuels link backs<br />Add li...
Trackbacks and Pingbacks<br />Tracking back to other blogs elicits trust between bloggers and fuels link backs.<br />In th...
Info<br />Tony Zeoli<br />Lead Developer<br />Reese Felts Digital Newsroom<br />UNC Chapel Hill<br />School of Journalism ...
Upcoming SlideShare
Loading in …5
×

WordCamp Raleigh WordPress & Social Media Integration

2,397 views

Published on

Presentation on WordPress and Social Media integration given at WordCamp Raleigh on May 22, 2011. Sharing tools, techniques, and technology to implement social media tools into WordPress CMS.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,397
On SlideShare
0
From Embeds
0
Number of Embeds
521
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WordCamp Raleigh WordPress & Social Media Integration

  1. 1. Wordpress + social<br />Connecting your WordPress site to social media through plug-ins and widgets and measuring the results.<br />By @tonyzeoli– Lead Developer @reesenews<br />
  2. 2. Let’s Get Started<br />WP inherently NOT social<br />Dev moves to fast<br />Always focused on core<br />Tons of plug-ins<br />Experiment<br />What suits your needs<br />
  3. 3. Social is Two-Way<br />Two-way conversation<br />Close the “loop”<br />Be authentic<br />Go beyond Twitter and Facebook<br />You must analyze your social impact<br />
  4. 4. The Social Loop<br />
  5. 5. Shorten<br />WP.me is only in WordPress.com<br />bit.ly and j.mp (same company)<br />Integrated with Twitter Tools and other plug-ins<br />http://wordpress.org/extend/plugins/wp-bitly/<br />http://wordpress.org/extend/plugins/bitly-service/<br />TinyURL<br />Created post and permalink using tinyurl service<br />http://brajeshwar.com/2007/tiny-link-wordpress-plugin/<br />t.cois Twitter’s native short URL service that converts long links to short in a tweet.<br />Not a plugin. Integrated into Twitter<br />goog.gl<br />Syncs with Google Analytics<br />http://wordpress.org/extend/plugins/googl-generator/<br />
  6. 6. Bit.ly<br />Secure an API key<br />
  7. 7. Bit.ly Service<br />
  8. 8. Get Shortlink<br />
  9. 9. Bit.ly conversion<br />
  10. 10. Analyze Conversions<br />
  11. 11. Publish<br />Cross-Posting and Sync<br />Twitter<br />Facebook<br />Hootsuite and TweetDeck to WordPress<br />Tumblr to WordPress or reverse using “Tumble”<br />Sync posts to LinkedIn<br />Display tweets, status updates and checkins with source or 3rd party plug-ins and widgets<br />
  12. 12. Twitter Tools<br />Cross Post to Twitter<br />Must set up app at developer.Twitter.com<br />Post to Twitter or Post Tweets to WordPress<br />Single<br />Daily<br />Weekly<br />Digest form<br />Categories<br />Bit.ly / j.mp integration<br />
  13. 13. Twitter Tools<br />To use the Twitter API, register for a Twitter Consumer and Secret keys and Access Tokens<br />
  14. 14. Twitter Tools Admin<br />
  15. 15. Twitter Tools Send Post<br />Approve or restrict sending a Tweet per post<br />
  16. 16. Twit Connect<br />Post to Twitter<br />Also provides single sign on (SSO)<br />Ask user to register<br />
  17. 17. Twit Connect Login<br />Single Sign On button appears on WordPress login screen<br />
  18. 18. Twit Connect home login<br />Single Sign On button appears with home page login widgets<br />
  19. 19. Twit Connect Authorization<br />On login, user will be asked to allow Twitter to handle authorization<br />
  20. 20. Twit Connect register for site<br />Features a registration form to get drive users to complete site registration<br />
  21. 21. Twit Connect admin panel<br />Add your Consumter Key and Consumer Secret (does not need access tokens)<br />
  22. 22. WordBooker<br />Cross-post to personal and one business page (FB TOS)<br />Blog Level Customization<br />User Level Customization<br />Connect to business/fan page<br />Comments on post to Facebook can be posted back to WordPresssite comments, providing a feedback loop hoping to improve audience engagement.<br />
  23. 23. WordBooker blog level customization<br />
  24. 24. Wordbooker User Level Customization<br />
  25. 25. WordBooker connect to Wall/Fan Page<br />To connect to your “Page”, you must click the Facebook icon<br />
  26. 26. WordBooker select Wall/Fan page<br />From the drop down menu, select your Facebook page. You must have created a fan “Page” for this to work.<br />
  27. 27. Management Tools<br />HootSuite<br />Tweetdeck<br />Both use Twitter API to cross post to WordPress.com<br />
  28. 28. Hootsuite to WordPress.com<br />
  29. 29. TweetDeck to Wordpress.com<br />
  30. 30. Sync with LinkedIn<br />Sync your blog on your LinkedIn profile<br />
  31. 31. Display Widgets<br />Too many to go through in this presentation<br />Many come with plug-ins already<br />Easy recommendations direct from source:<br />Twitter:<br />twitter.com/resources/widgets<br />Facebook<br />http://www.facebook.com/badges/<br />FourSquare<br />https://foursquare.com/apps<br />
  32. 32. Create a Twitter Widget<br />Create a widget, then copy and paste embed code in theme template or sidebar text widget.<br />
  33. 33. Create Facebook Widgets<br />Facebook featured various widget creation tools.<br />Generally, you will find these tools as WordPress plug-ins, but if you want to integrate yourself, this is where you’d look to generate the widget code.<br />
  34. 34. Display Plug-ins<br />FourSquareWordPress Plug-in<br />Twitter Tools Plug-in<br />Google Buzz ER Plug-in<br />
  35. 35. FourSquareWordPress Plug-in<br />Displays your check-ins in a sidebar widget<br />
  36. 36. Twitter Tools Widget<br />
  37. 37. Google Buzz ER Plug-In<br />
  38. 38. Tumble<br />Plug-in allows cross post from WordPress to Tumblr<br />Add to plug-in library, then open file and add user and pass<br />
  39. 39. Post to Tumblr in Posts View<br />Click to Post from All Posts view. Also works with<br />Images in the media library (not shown)<br />
  40. 40. Simple Facebook Connect<br />Many plug-ins in one<br />Features<br />SSO<br />Comment using Facebook Identity (with FB avatar support)<br />Auto Publish<br />Manual Publish to Profile or “Page”<br />New User Registration<br />Share (with short codes)<br />Widgets<br />User Status<br />Live Stream<br />Bookmark<br />Find us on Facebook<br />Fan Box<br />Fan Count<br />
  41. 41. Simple Facebook Connect Login<br />
  42. 42. Simple Facebook Connect Home<br />
  43. 43. Simple Facebook register with site<br />
  44. 44. Simple Facebook Connect Profile<br />
  45. 45. Simple Facebook Connect Logged In<br />
  46. 46. Simple Twitter Connect<br />SSO using Twitter<br />Comment using Twitter credentials<br />Users can auto-tweet their comments<br />Tweet button (official one from twitter)<br />Tweetmeme button<br />Auto-tweet new posts to an account<br />Manual Tweetbox after Publish<br />Full @anywhere support<br />Auto-link all twitter names on the site (with optional hovercards)<br />Dashboard Twitter Widget<br />
  47. 47. Social Sharing<br />Social Bookmarking<br />Combined widgets from ShareThis, AddThis, AddToAny<br />TweetMeme<br />Facebook<br />Like<br />Like something and it posts to your wall<br />Send (new)<br />Allows you to only send to specific friends<br />
  48. 48. Top 15 Social Bookmarking Sites 2011<br />http://www.ebizmba.com/articles/social-bookmarking-websites<br />
  49. 49. Social Bookmarking<br />
  50. 50. ShareThis Widget<br />
  51. 51. ShareThis Options<br />
  52. 52. ShareThisWidget Options<br />
  53. 53. New ShareThis Overlay<br />In ShareThis settings, choose Modern<br />
  54. 54. Tweetmeme Widget<br />Adds TweetMeme widget to the right of text on posts and pages.<br />
  55. 55. TweetMeme site<br />
  56. 56. April’s Facebook Like<br />April’s Facebook Like<br />Added to your theme by the plugin, or you can place the call to the function in your theme.<br />
  57. 57. Facebook Like and Send<br />
  58. 58. Social Feedback with GetSatisfaction<br />“Freemium” service provides you with tools to gain valuable insights from your users.<br />Interact through pop-over or your page on GetSatisfaction.<br />Great customer service and satisfaction tool.<br />
  59. 59. TweetBoard<br />
  60. 60. Links: Social Media Widget<br />
  61. 61. Ratings and Polling<br />Poll Daddy<br />By Automattic<br />Rate Posts<br />Customizable icons<br />Create Polls<br />Track results<br />
  62. 62. Poll Daddy<br />Rate Posts<br />
  63. 63. Poll Daddy<br />Add Polls<br />
  64. 64. Poll Daddy<br />
  65. 65. Social Commenting: Intense Debate<br />Manages your social comments<br />Adds SSO capability for comments<br />Registers comments in your database<br />Product of Automattic<br />Competitors include Disqus and Echo Networks<br />
  66. 66. SSO for Intense Debate<br />Uses Twitter and OpenID natively<br />Must register an API Key on Facebook (as shown)<br />
  67. 67. SSO: Intense Debate<br />Add your API key<br />
  68. 68. Intense Debate<br />Logged in<br />Not logged in<br />Can post anonymously<br />
  69. 69. Old School<br />Use RSS<br />Feedburner by Google<br />Burn and Track your feed<br />FeedSmith for WordPress plug-in<br />
  70. 70. FeedSmith<br />FeedburnerFeedSmith allows you to set up Feeds by Category<br />
  71. 71. Trackbacks and Pingbacks<br />Tracking back to other blogs elicits trust between bloggers and fuels link backs<br />Add links to blogs you reference and they will get a trackback or ping notification <br />Native in the WordPress Post editor<br />
  72. 72. Trackbacks and Pingbacks<br />Tracking back to other blogs elicits trust between bloggers and fuels link backs.<br />In this example, a pingback was sent from a local blog notifying the author that his post was referenced.<br />Pingbacks are received under Comments<br />
  73. 73. Info<br />Tony Zeoli<br />Lead Developer<br />Reese Felts Digital Newsroom<br />UNC Chapel Hill<br />School of Journalism & Mass Communication<br />Twitter: @tonyzeoli<br />tonyzeoli@reesenews.org<br />Links:<br />ReeseNews.org<br />ReeseFelts.org<br />Consulting<br />DigitalStrategyWorks.com<br />az@digitalstrategyworks.com<br />@dswks<br />Publishing<br />Netmix.com<br />@netmix<br />

×