How to implement the Facebook “Like” button for my website

I am trying to implement facebook like button on my website.
The first four lines in the code is already there on my site after the end of the “” tag.

To implement the “Like button” i have added the second script (Line five to the end)
and ran the application. Its giving me an error as

“Microsoft Jscript runtime error:’_onLoad’ is null or not an object“

Please Let me know. Thanks

<script type="text/javascript" src="https://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
    FB.init("myapikey", "xd_receiver.htm", { "reloadIfSessionStateChanged": true });
</script>
<script type="text/javascript">
  window.fbAsyncInit = function() {
    FB.init({appId: 'myappid', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

References:
http://developers.facebook.com/docs/reference/plugins/like

<fb:like href="http://webclip.in" rel="nofollow noreferrer noopener" layout="standard" show-faces="true" width="450" action="like" font="arial" colorscheme="light"/>

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

There is a new way to add the like button on your site.

go to this page,
http://developers.facebook.com/docs/reference/plugins/like-box

and create the code by plasing your parametres and click the “Get Code”

This is an example

<iframe 
    src="https://www.facebook.com/plugins/likebox.php?id=185550966885&amp;width=292&amp;connections=10&amp;stream=true&amp;header=true&amp;height=587" 
    scrolling="no" frameborder="0" 
    style="border:none; overflow:hidden; width:292px; height:587px;" allowTransparency="true">
    </iframe>

or just (if you using Javascript SDK of facebook)

<fb:like-box profile_id="185550966885"></fb:like-box>

Also in the page
http://developers.facebook.com/docs/reference/plugins/like
there is a Get Code… thats works, no need to add this javascript on your code.

Method 2

With the new API, you may need to also add the following div after your body tag and before you load any facebook javascript

<div id=”fb-root”></div>

Otherwise you may get a ‘root’ object is null error

Per documentation here
http://developers.facebook.com/docs/reference/javascript/

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0