How To Add Facebook Subscribe Button To Your Website

Facebook Subscribe In less than 24 hours after the big announcement of the Facebook Subscribe button for websites, the feature is now live and appearing on some of the biggest news sites like MSNBC, Huffington Post, Forbes and Washington Post, to name a few. The Subscribe button has the same functionality as it does on Facebook pages which eliminates the need for users to have to read an article and then have to go over to Facebook to Subscribe. You may recall that back in September the Subscribe button was launched eliminating the need for users to have to be friends to see updates, well on the ones that are shared publicly. Once a user subscribes via your website, they automatically see your updates in their news feed. Exposure!

Why Should I Add the Subscribe Button

Exposure! The goal of this button is to increase the viral distribution of your updates. It is no secret that the updates with the most ocmments and likes are highly favored by Facebook and, thus, appear higher up/rank higher. Far gone are the days when the Notifications on your Facebook page displayed friends/subscribers commenting directly to YOU. Now, they are all new updates from friends and those that you subscribe to (and yes all friends, unless you turned off the ability to be subscribed to are subscribers to YOU and YOU to them). Adding the Subscribe button places your updates into their Notifications.

How to Add the Facebook Subscribe Button to Your Website

The Subscribe button is added either XFBML or an iFrame. To add via XFBML, which uses the JavaScript SDK, customize this code for your URL:

<fb:subscribe href=”https://www.facebook.com/YOURURL” width=”450″></fb:subscribe>

Note the HTML5 code is:

<div data-href=”https://www.facebook.com/yoururl” data-width=”450″></div>

To add the Subscribe Button via iFrame:

<iframe src=”https://www.facebook.com/plugins/subscribe.php? href=https%3A%2F%2Fwww.facebook.com%2Fyoururl &amp;width=450&amp;appId=APP_ID” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:450px;” allowTransparency=”true”> </iframe>

If code is a bit outside of your technical realm, Facebook through the developers page will create the exact code for you on the Facebook Developer’s Subscribe Button.  You will note that there is a prompt asking to Show Faces.

Facebook Subscribe Show Faces
If you do not uncheck the box, the code will vary from above and will contain the language to show faces:

Facebook Subscribe Button Code

Once you have the code, whether you customize from above or utilize the generated code, you place it on the page(s) you wish for it to appear. Or, you can just wait a few days as plugin developers for WordPress are certainly hard at work developing a downloadable plugin.

Will you be adding the Subscribe button to your site or waiting to see the feedback?

photo credit: Jay Cameron

  • Cheang Daniel

    Where’s yours?

    • http://www.kherize5.com Suzanne Vara

      I generally do not use FB much on the biz page so for me now it is a matter of regrouping and making FB a bigger part of 2012 and also waiting for the plugin.

  • http://blog.esimplestudios.com Gabriele Maidecchi

    Hey there Suzanne! Long time uh? I hope everything’s alright.
    Now I have a very stupid question ’cause 1. I am thick 2. I am a total Facebook noob (I admit), in which way does subscribe differ from the normal “Like box”?

    • http://www.kherize5.com Suzanne Vara

      subscribe adds the updates to the news feed/ticker where the like does not. This way people subscribed see the update in their feed and that is to try and increase the popularity of the article/update.

      • http://blog.esimplestudios.com Gabriele Maidecchi

        Ok perfect, thanks :)

  • Pingback: How To Add Facebook Subscribe Button To Your Website | Everything Facebook | Scoop.it

  • http://www.facebook.com/ParteekKaushal.FB Parteek Kaushal

    sir/mam i want to add Subscribe button to my fb page . i am using fbml tab in my fb page i want fbml code of Subscribe button sir/mam can you please help me……

  • Pingback: How To Add Facebook Subscribe Button To Your Website | social media tech today | Scoop.it