How to Utilize Facebook and WordPress

  • 23,262 views
Uploaded 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.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
23,262
On Slideshare
0
From Embeds
0
Number of Embeds
20

Actions

Shares
Downloads
1
Comments
9
Likes
121

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