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:

[ZapFlash]

i installed the XFBML Method and i see the button in firefox but not in explorer, could you check that to fix it?

besides
how can i make it be in the very same line than the rest of the buttons (edit, quote, etc) because there is a jump there (looks like 2 lines and it's not even aligned to the right).

Thanks

[cdoyle]

Originally Posted by ZapFlash

i installed the XFBML Method and i see the button in firefox but not in explorer, could you check that to fix it?

besides
how can i make it be in the very same line than the rest of the buttons (edit, quote, etc) because there is a jump there (looks like 2 lines and it's not even aligned to the right).

Thanks

Ugh, you're right. It was working in IE before, but now it's not. I swear this button has almost been more trouble than it's worth.

I'll try and take a look at it tonight, and see if I can get it working again in IE.

[ZapFlash]

i'd appreciate it, thanks

[cdoyle]

I got home late so couldn't mess with it much, but what I tried didn't work.
I don't get why it's not working

I've tried to register on the facebook forums, but it errors any time I try.
Does anyone else already have an account there? If you do, post the code we are using and ask why it doesn't work in IE. There has to be a reason, that we are just not seeing.

[RonJH]

It is not working in IE due to the IF condition. Try removing the IF condition and you'll notice it works fine.

Does anyone have an IF condition for post number that works in IE?

[cdoyle]

darn, if that's the case then I don't know the solution.
Anyone know why the IF doesn't work in IE?

[Brandon Sheley]

Originally Posted by hubie

Great! but testing whit your demo i've noted that when i like the post and then go to my fb page the wall title shows the root of your forums and no the single post in particular. Maybe a miss of code there.

I've noticed that too, but it's not like that for everyone.
Some users have a link back to that thread, some don't
I've also noticed that on other threads it's about 50/50 if it links to that thread, or the forumhome.

[FiMeTi]

Hmm... and there is no if condition to make this not show in personal messages yet? Noone fixed that? The button should not display in private messages at all.

[kall]

Originally Posted by Loco.M

I've noticed that too, but it's not like that for everyone.
Some users have a link back to that thread, some don't
I've also noticed that on other threads it's about 50/50 if it links to that thread, or the forumhome.

I've not installed this mod, but.. have you defined the og: stuff?

Try: http://www.nzboards.com/new-zealand-...t-3-5-a-90512/ (it's under the Reply to Thread/Thread Title), then check my FB profile.

Manapouri to MIlford Sound in about 3.5 hours??
www.nzboards.com
Discuss Manapouri to MIlford Sound in about 3.5 hours?? on New Zealand Boards.
a few seconds ago ? Comment ? Like ? Share

[hubie]

Originally Posted by FiMeTi

Hmm... and there is no if condition to make this not show in personal messages yet? Noone fixed that? The button should not display in private messages at all.

That is already fixed, you must add the cond if like as shown in 1rst post.