ansaurus

Question

Facebook Like button to like individual content items on an index/list page

Answer 1

A:

You just need to set the href attribute on each like button on your page. For example,

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;
<fb:like href="http://www.example.com/item1"&gt;&lt;/fb:like&gt;
<fb:like href="http://www.example.com/item2"&gt;&lt;/fb:like&gt;
<fb:like href="http://www.example.com/item3"&gt;&lt;/fb:like&gt;

If each button has its own href then each button will behave independently. If you don't include the href then the like button assumes you are liking the current page you are viewing.

Additionally, you should implement the open graph protocol on each url you have a like for. By this I mean the url in your like button's href, not the necessarily page the like button is on. You can read about this here: http://developers.facebook.com/docs/opengraph

It is pretty simple to do. You just add meta tags to your pages header like this:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://opengraphprotocol.org/schema/"
      xmlns:fb="http://www.facebook.com/2008/fbml"&gt;
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/&gt;
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/&gt;
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

Nathan Totten 2010-10-26 22:23:35

Answer 2

A:

Nathan, thank you very much for that - sounds like this is what we're going to try - look forward to reporting back on how it goes.

2010-10-27 13:54:40

ansaurus

tags:

views:

answers:

Facebook Like button to like individual content items on an index/list page

related questions