Where in the product page do I put this bit of code?

I am trying to implement the Facebook 'Like' Button on my product info pages and believe I have everything in place except for one MINOR thing.... a bit confused on how to load the JavaScript SDK in my site?

I have been looking here on Facebook and it seems that the easiest way to do it is to put this bit of code:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', 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>

in my page.

Where in the product page do I put this bit of code to load the SDK?

autoace:

Where in the product page do I put this
Your product page is handled by tpl_product_info_display.php

Where in the tpl_product_info_display.php page?

-Or-

It doesn't matter??

Answer: Wherever you want it to appear.

There are many blocks of HTML in the file, which you'll see shown exactly in your browser if you click View Source to see it.
Put your code between any of those sections. If it produces some visual output, then it'll show up on-screen wherever you've placed it. Move it around to where you really want it.

The sections are marked as <!-- bof: section --> and <!-- eof: section --> Best not to stick anything new "between" the bof/eof ("begin of fragment" / "end of fragment"), but rather best to put anyplace after a eof.

Thank you

Can I place the js code between the head tags in the html_header.php file? (/common)?

What exactly are you still having troubles with?

1. You should never be putting code into html_header.php
2. If your code must go inside the <head> tags, then you should use the auto-loading method documented in your /docs/ folder and here: http://www.zen-cart.com/wiki/index.php/Customisation_-_Templates_-_Javascript
3. If your code actually produces output, such as the "like" button you wanted it to generate, then putting it in the <head> tags would be a bad idea, since that gives you no control over where the output is presented in the page, and may prevent it from actually being displayed at all.

Thank you for the reply, very good information.