Multiple Facebook Like buttons (different activities) on one page?

Question

My one web page uses Ajax to display information about multiple activities.

I'd like to have one Like button per activity. This would mean multiple Like buttons on the page, one per activity. Can this be done?

Can the Like button's url include #!state1 ?

Eg, a web page is located at www.example.com/index.html

It has multiple FB Like buttons on it, one for url www.example.com/index.html#!activity1 another for www.example.com/index.html#!activity2

Will the two Like buttons work independently?

Solution

You can have multiple like buttons on a single page, but each like button must be linked to a separate page.

Eg: if you have products, each listing could have a like button next to it, but that like button would link to the product details page.

If you really wanted to, create phantom pages on your site with some meta tags. Then on your index.html, use like buttons that link to those pages.

To ensure no one ever gets to your phantom page, include the tag:

<meta http-equiv="refresh" content="0;url=http://www.example.com/index.html/">

That way, if someone clicks on the link that comes up on a facebook wall, they'll be redirected to the correct page.