title: Trouble with <fb:like> page title, like count, and page url
body: <p>I have a set of pages in my site that are using the FBML method of inserting a FB Recommend button. My problem is that every page on my site shows the exact same recommend count ("557 people recommend this page" even though I just installed the button), and when I've tried to Recommend it myself, it shows up in my news feed with the wrong page title, the wrong URL, and of course, every recommend button on the site is incremented. Here is my code: </p>
  
  <p>og tags (I replaced these with anonymous values to protect my client from looking like they have an idiot developer) ;) :</p>
  
  <pre><code>    &lt;meta property="og:title" content="XXX page title"/&gt;
      &lt;meta property="og:type" content="movie"/&gt;
      &lt;meta property="og:url" content="http://abc.xyz.com/path/to/my/page/"/&gt;
      &lt;meta property="og:site_name" content="XXX site name"/&gt;
      &lt;meta property="fb:admins" content="xxx my facebook id"/&gt;
      &lt;meta property="og:description" content="xxx short description"/&gt;
  </code></pre>
  
  <p>...then just inside the body:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="fb-root"&gt;&lt;/div&gt;
  &lt;script&gt;
    window.fbAsyncInit = function() {
      FB.init({
        appId  : 'xxxxx',
        status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the session
        xfbml  : true  // parse XFBML
      });
    };
  
    (function() {
      var e = document.createElement('script');
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
      e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
  &lt;/script&gt;
  </code></pre>
  
  <p>...and then later on in the page (the only reason I'm  using the FBML method is so I can track the recommend events in google analytics -- this should be unrelated, but for the purposes of full disclosure, I'm including that code here too)...</p>
  
  <pre><code>&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              FB.Event.subscribe('edge.create', function(href, widget) {
                  _gaq.push(['_trackEvent', '&lt;?php echo $item-&gt;type ?&gt;', 'Facebook Recommend', '&lt;?php echo $item-&gt;title ?&gt;']);
              });
          &lt;/script&gt;
  &lt;!-- FB LIKE BUTTON INSERTED HERE --&gt;
          &lt;fb:like href="&lt;?php echo urlencode('http://' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] )?&gt;" show_faces="false" width="450" action="recommend" font="arial" colorscheme="dark"&gt;&lt;/fb:like&gt;
  </code></pre>
  
  <p>The link that shows up in my feed is <a href="http://abc.xyz.com/path/to/my/" rel="nofollow">http://abc.xyz.com/path/to/my/</a> (the last segment of the URL is missing), and the title is an old one; I realized that all the pages had the same title when I was setting this up, and so I gave them different titles since. I have run several of my URLs through the URL linter and there are no errors, and all the data looks correct. </p>