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:

[cakirts]

Hi all,

I use this plugin, and therefore fails to Zoint Seo. I wonder how the need to organize code. If you would be happy to help you.

[gregorym]

I got it to work, very happy about that, BUT sometimes the Like count doesn't work. I was wondering if someone had a solution for that?

Note that I also have a "like box" which is using the iFrame method while the like button is using the HTML5 method.

[shibby2]

Terrible instructions on how to install this. Someone really needs to proof-read before they post.

It tells you how to install it, but then after all that it gives another (reccomended) method. But, it has NO INSTRUCTIONS at all on how to install that method. It just says "Instructions: Thanks so and so!". LMAO

Might be a good mod but I sure as hell can't get it to work with the absolute terrible instructions provided.

[Panzer Max]

Originally Posted by shibby2

Terrible instructions on how to install this. Someone really needs to proof-read before they post.

It tells you how to install it, but then after all that it gives another (reccomended) method. But, it has NO INSTRUCTIONS at all on how to install that method. It just says "Instructions: Thanks so and so!". LMAO

Might be a good mod but I sure as hell can't get it to work with the absolute terrible instructions provided.

Agreed, is there anyone who can tie all this together as one instruction set, with all the tweaks and changes, that works in FF, IE, Chrome? This as the potential to be a great mod but as it is, too sketchy.

thanks!!

[TigraTeam]

uhh Help? I can't get it working.. I don't see a Like button.

I've inserted the code from the 'XFBML Method', deleted the if statement (I want it everywhere), and inserted my AppID.

Is this all I had to do?

[Fera2k]

Thanks mate!
I've used the XFBML Method, and it worked like a charm!

[mangmel]

'Shown on Timeline' vs 'Allow on Timeline

Likes only appear in Allow on Timeline:

how to change Shown on Timeline ?
.
.

.