Assigning URL for Facebook Comments plugin via JavaScript

How to assign a URL for the Facebook comments plugin dynamically at run-time on the client side using some simple JavaScript.

To set your href parameter for the Facebook Comments plugin, simply add the following code.


* Thanks for the tip on how to use gist from github!

In the above code, please note that I'm using the window.fbAsyncInit. When the Facebook JavaScript SDK is loaded dynamically, Facebook will call this function once the SDK is ready to go.

Also note the use of FB.XFBML.parse(); function. This will tell the SDK to reparse the DOM for any Facebook plugin code. It doesn't matter if the code is HTML5 or XFBML, either way, the Facebook JavaScript SDK is smart enough to find either type and will insert their iframed content.

I hope this helps you along your way to making the best possible user experience on your website.
Happy coding!!