Add-On Releases - Add Facebook "Like" button to your threads [vB 3.8.x]

This mod is based on this, but working on vB 3.8.x.

As was said there: Facebook has just launched their latest "Like" button to developers to use on any site. What this does is utilizes the Advertising module to add the "Like" button to the first post of each thread. Please see screenshots to get an idea.

DEMO

IFrame Method

There is two kind of "Like" button (IFrame Method):

- With a smallest counter at his side *

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;layout=button_count&amp;show_faces=true&amp;width=&amp;action=like&amp;colorscheme=light" 
scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px"></iframe>

- With a largest counter (and names of people who have clicked) *

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp
        scrolling="no" frameborder="0" 
        style="border:none; width:450px; height:25px"></iframe>

*Change show_faces=false for true if you want to see faces

Installation:

Go to your Postbit/Postbit Legacy template and search for:

<!-- controls -->

And add below the code that you previously selected according your favorite button style.

If you want that the button only appears in first post of a thread, add this variables at the beginning and end of the code that you previously selected:

<if condition="$post[postcount] == 1">YOUR CODE</if>

*You should add these variables, otherwise the button will be displayed in every post, which makes no sense.



XFBML Method (recommended)
This is a richer way to send the contents of your board to Facebook, because it gives to users the possibility to add more information and also an image of your site is displayed on their FB wall (see the screenshots below).

Installation: (provided by cdoyle, thanks mate :up

You'll need to register your app here: http://developers.facebook.com/setup/, and get an ID to place into the code below.

<if condition="$post[postcount] == 1 AND !in_array($GLOBALS[forumid], array(40, 39))">


<p><fb:like></fb:like></p>

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'yourappID', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>


</if>

-----------------------------------------------------------------------------------------------------

Internet Explorer browser fix: https://vborg.vbsupport.ru/showpost....5&postcount=70

-----------------------------------------------------------------------------------------------------

For additional information on this button and different parameters please visit http://developers.facebook.com/docs/...e/plugins/like

Remember to click Mark as Installed if you use this modification :up:

[wacnstac]

I've marked as installed. But with as many things as I've checked as liked, I don't see anything on my wall. Any idea what gives?

[hubie]

Originally Posted by Yellow Slider

why aren't you using the the meta data in the showthread page?

* <meta property="og:title" content="The Rock"/>
* <meta property="og:site_name" content="IMDb"/>
* <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

Originally Posted by Yellow Slider

you should have a version with thread id only, for those who want it just for thr first post

showthread.php?t=xxxxxx

I'll see this. Where do you add meta data? Can you help me? Excuse me for my lack of knowledge

Originally Posted by AcidX

The first post option doesn't work. "Like" buttons show on every first page, not first post.

Edit: it shows on private messages too.

Edit: Fix for private messages and first post on every first page issues:

Replace:

<if condition="!$GLOBALS['FIRSTPOSTID']">

by:

<if condition="$post[postcount] == 1">

[wacnstac]

Close but no cigar. I found all my recent likes on my FB profile page. But if I click on any of them in FB I get a blank page. It trys to take me to a garbage URL:

PHP Code:

http://www.facebook.com/l.php?u=http%3A%2F%2Fwww.michigan-sportsman.com%2Fforum%2Fshowthread.php%3Ft%3D333593&h=3f000 


So obviously for this to be of any use at all these links on the user's FB profile page must be live and they must work!

[hubie]

wacnstac, i've checked your site and it's working correctly.

The only thing you have to add now is the conditional:

<if condition="$post[postcount] % $vboptions[maxposts] == 1">Your Code</if>

Otherwise, the Like button will be shown on every post of a thread.

[wacnstac]

So why don't the URLS on my fb profile page click through to a valid page. That's the most important part!

[wacnstac]

Also need the ability to exclude private forums.

[hubie]

Originally Posted by wacnstac

Also need the ability to exclude private forums.

Put this code:

<if condition="$post[postcount] == 1 AND in_array($GLOBALS[forumid], array(X,Y,Z))">Your Code</if>

Where in X,Y,Z you have to put the forum IDs you want the button appear, and in the forum ID not especified the button won?t appear.

[wacnstac]

Thanks, and PM's should be excluded.

[Gamelobby]

This is very cool, but it doesn't seem to work with "Chief 1st post"..?
Any ideas.?

Also how does it work..!?
Any way that i can "like" things from my FB group or company page, instead of my personal profile.?

[Floris]

THe demo page returns: error.