Your SlideShare is downloading. ×
0
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
How to Utilize Facebook and WordPress
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

How to Utilize Facebook and WordPress

23,823

Published on

Unleash the power of Facebook and WordPress to build a more interactive community around your blog.

Unleash the power of Facebook and WordPress to build a more interactive community around your blog.

Published in: Technology
9 Comments
120 Likes
Statistics
Notes
No Downloads
Views
Total Views
23,823
On Slideshare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
1
Comments
9
Likes
120
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1.
  • 2.
  • 3. “Religion is the opiate of the masses.”<br />-Karl Marx<br />
  • 4. Creating your Facebook Fan Page<br />http://www.facebook.com/pages/create.php<br />
  • 5. 6 STEP RULE<br />
  • 6. STEP 1: INFORMATION<br /><ul><li>Complete your Info Tab (Site URL, Twitter, etc)
  • 7. Upload a profile photo
  • 8. Add an excerpt.
  • 9. Add some content on your wall.</li></li></ul><li>STEP 2: GOLD RUSH<br />Get 25 fans (likes)<br />
  • 10. STEP 3: SECURING THE GOLD<br />Get your custom username.<br />http://www.facebook.com/username/<br />(Note, you cannot change this, Type carefully)<br />
  • 11. STEP 4: LANDING PAGE<br />
  • 12. Static FBML App<br />Add a Static FBML Apphttp://www.facebook.com/apps/application.php?id=4949752878<br />
  • 13. Setting up your Tab<br />Click “Edit Page” link below your company’s profile image.<br />
  • 14.
  • 15. Add Content to your Tab<br />
  • 16. Add the name of your box. <br />For the time being, we will make it Image only.<br />
  • 17. Make it the Landing Page<br />Click “Edit Page” and change the default Tab to Welcome<br />
  • 18. More Landing Pages<br />Every new user will see the welcome tab first. This is your chance to convert a visitor into your regular user. Put interesting content, so they click “LIKE” and become a fan.<br />You can create more interactive Fan Pages with HTML and other functionalities, but that requires additional knowledge..<br />Check out this article “All you need to know about Facebook’s Static FBML App”<br />http://www.hyperarts.com/blog/facebook-static-fbml-faq-tutorial/<br />
  • 19. STEP 5: ADD WIDGET<br />Add the Facebook widget (Like Box) to your sidebar<br />http://developers.facebook.com/docs/reference/plugins/like-box<br />
  • 20. Add the Fan Box in WordPress<br />Click Get Code, and paste it in your sidebar.php file. Anywhere you like.<br />You can also use one of the these plugins:<br />Simple Facebook Connect(http://wordpress.org/extend/plugins/simple-facebook-connect/)<br />Facebook Fan Box(http://wordpress.org/extend/plugins/facebook-fan-box/)<br />
  • 21. STEP 6: PROMOTE<br />Ask your facebook friends to LIKE your page.<br />Ask your twitter followers to LIKE your page.<br />Never go to other Facebook Fan Pages and LINK to your own fan page.<br />
  • 22. INTERACTION<br /><ul><li>Facebook page is for interaction.
  • 23. Ask for feedback.
  • 24. Run giveaways.
  • 25. Answer questions.
  • 26. Bring users to your site. [CONVERSION]</li></li></ul><li>Ask a simple question like this and get good feedback. Almost Instant Feedback.<br />
  • 27. The Viral Power of Facebook<br />
  • 28. Positive Reinforcement<br />This shows up in the home feed for all of my friends.<br />Lets say you got 100 people to like your page.<br />If 1 person has 200 friends, then your maximum reach is 20,000 people.<br />
  • 29. Facebook Like Button<br />These are the people that your user is friend with.<br />
  • 30. The Good Part<br />Direct Link to your Site<br />Link to your Fan Page Update/Link<br />
  • 31. How to Add the Facebook Like Button<br />Add the following code in your single.php file inside your post loop. Preferably above <?phpthe_content(); ?><br /><iframesrc="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;"></iframe><br />Additional Resources:<br />http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/<br />http://developers.facebook.com/docs/reference/plugins/like<br />
  • 32. Result of the Like Button<br />We used to receive around 2.5k visits from Facebook previously.<br />This is a HUGE INCREASE!!! <br />
  • 33. Special Greeting Message<br />Display a custom greeting message to your Facebook users.<br />You can use plugins like: WP-Greet-Box<br />http://wordpress.org/extend/plugins/wp-greet-box/<br />
  • 34. Integrate Facebook Comments in WordPress<br />Unfortunately, this functionality does not work anymore.<br />There was a plugin that used to do it easily called “Facebook Comments”.<br />
  • 35. Simple Facebook Connect<br />One plugin that does it all<br />http://wordpress.org/extend/plugins/simple-facebook-connect/- Thanks to Otto<br />
  • 36. Connect with Facebook in Comments<br />Alternatively, you can use Disqus or Intensedebate. Much more advanced comment platforms the facebookconnect and other options.<br />
  • 37. User registration with Facebook<br />
  • 38. Auto/Manual Post on Facebook<br />
  • 39. Facebook Live Streams<br />Share Real Time Comments.<br />Great for live events / confernces / speeches / webcasts.<br />Almost like a Chat box on Justin.tv (except less nonsense) and more advantage.<br />http://developers.facebook.com/docs/reference/plugins/live-stream<br />
  • 40. Facebook Share Count<br />
  • 41. Facebook Share Count Manual<br />Add the following code in your WordPress Theme File (Single.php)<br /><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br /><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><br />
  • 42. Facebook Share Link<br />Add the following code in your WordPress Theme file inside the loop:<br /><a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?phpthe_title(); ?>" target="blank"><imgsrc="<?phpbloginfo('template_directory'); ?>/images/facebook.png" alt="Share this article on Facebook" /></a><br />Upload a facebook icon in your WordPress theme’s image folder, and you are good to go.<br />
  • 43. Create your own Facebook App for WordPress<br />
  • 44. WPBookPlugin<br />We will be using the WordPressplugin called WPBook.<br />http://wordpress.org/extend/plugins/wpbook/<br />Download / Activate this plugin.<br />This plugin enable you to use Facebook as a feed reader where users can share the links and comment from facebook. All comments are stored in your blog’s server.<br />Example: http://apps.facebook.com/wpbeginner/<br />
  • 45. Step 1: Create an Application<br />http://www.facebook.com/developers/<br />
  • 46. Once you click on that, you will see a screen like below. Select a name and agree to TOS.<br />
  • 47. Step 2: Configuration<br />Add your Application Name,<br />Description, and<br />Favicon.<br />Save your Application ID, API, and Secret Key.<br />
  • 48. Post Authorize URL will be your site’s URL.<br />Ex: http://www.wpbeginner.com/<br />
  • 49. Canvas URL<br />Pick your Application page name.<br />Also select your Canvas Callback URL. (This will be your site URL).<br />
  • 50. WPBook Settings<br />Enter API Key<br />Secret Key<br />Canvas Page URL<br />And modify any setting that you feel like.<br />
  • 51. This is a good alternative for Network Blogs<br />Your users can now add your application in their profile page.<br />Any activity they do within your application will be posted on their feed. <br />
  • 52.
  • 53. Resources<br />http://www.wpbeginner.com/wp-tutorials/excellent-tutorials-to-utilize-the-power-of-wordpress-and-facebook/<br />http://mashable.com/2010/02/22/build-facebook-landing-page/<br />http://www.hyperarts.com/blog/facebook-static-fbml-faq-tutorial<br />http://mashable.com/2009/06/16/killer-facebook-fan-pages/<br />http://developers.facebook.com/plugins<br />http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/<br />http://wordpress.org/extend/plugins/simple-facebook-connect/<br />http://wordpress.org/extend/plugins/wpbook/<br />http://wordpress.org/extend/plugins/wp-greet-box/<br />
  • 54. Who am I? How to Reach me?<br />SyedBalkhi<br />Founder of WPBeginner.com<br />CEO of Uzzz Productions (uzzz.net)<br />Contact:<br />Email: admin@wpbeginner.com<br />Twitter: @wpbeginner / @syedbalkhi<br />Facebook: http://facebook.com/wpbeginner<br />

×