Drupal 6 view page Like button for each node

Question

I currently have a view page displaying fields containing images or videos from each node. I also am utilizing colorbox to see each image and video.

My Goal: Add a like button to each node on the view. The post on facebooks wall needs to link back to the view page which (This is where it start to get complex) will dynamically open the colorbox (last on my priority list for now)

I have used http://drupal.org/project/fb_social which works wonderfully with views but that og:url is going back to http://localhost:8888/node/100 . I can continue down this route but I need finer grain control of that url.

I also discovered this post: drupal views facebook like button which is a little vague. If I simply add the like button code to a view customfield, all views will do is duplicated the button instance over and over. If I click like once on node/4 then all other nodes on the page are also liked...

I really like the Facebook social plugins integration module but out of the box, it points to the full node page. Any advice on how to customize that url? I even thought about using a Path Redirect module but i don't think its a viable solution.

Setup: Drupal 6.22 Views 6.x-3.0-rc3 fb social plugins 6.x-1.0-beta9

Answer 1

Easiest way to do this is going to be by overriding the template for your specific view and you'll also avoid the added overhead of another module load. You want to add the Facebook like js code into the top of your page somewhere (ex. in the view header) (from: http://developers.facebook.com/docs/reference/plugins/like/ )

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=132294920190866";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

And then in the specific row template for each of your rows, add the output code

<div class="fb-like" data-href="http://localhost:8888/myurl" data-send="true" data-width="450" data-show-faces="true"></div>

For theming the row template, check out the views 2 theming guide:

http://drupal.org/node/352970

or try the semantic views module if you expect to be doing more theming or don't want to mess with template files:

http://drupal.org/project/semanticviews