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:

[analog-x]

So for the XFBML Method do I paste the code in the Postbit/Postbit Legacy template?

[Dingo14]

XFBML Method (recommended)

Installed this one works great thanks

[Dingo14]

Originally Posted by Cobra-J82

If you dont want this like button to be shown in specific forums add

<if condition="$forum[forumid]=='7,8,29,30,31,32,33,40'">
<else />

THE LIKE BUTTON CODE

</if>

The numbers are the forum id

Can anyone get this to work for forumid's need to stop some forums being linked to facebook thanks

XFBML Method (recommended)

[BirdOPrey5]

You could try $thread[forumid] if you're in SHOWTHREAD template, or $post[forumid] in postbit template.

[FreshFroot]

has anyone got this working properly.

I had it working, but I hate the fact that it SHOWS names. I think people prefer to see the count go up, but not have their names displayed.

[unforgotten]

Is there a way the user can select which image to show in their facebook? Or to add the image within the vbulletin thread content part?

[jskoh]

can this fb like be on every post of a thread? meaning user can click on like button on a thread on 3rd post but does not include the 1st post?

[mikelangelo2005]

Originally Posted by fernandezp27

Can I get the like to say "Me Gusta" but, the names off to the side to be in English.

Fernandez27,

To switch from English (LIKE) to Spanish (Me Gusta) Search in the code:

connect.facebook.net/en_US/all.js';

and replace by:

connect.facebook.net/es_LA/all.js';

Very Simple

[mikelangelo2005]

I have a problem with this mod that is not how to fix yet, read the 13 pages of answers that are here and not find a solution.

I have installed the version XFBML. But the problem button "like" is that sometimes appears and sometimes doesn?t appear, not even reloading the page immediately appears.

Any solution?

www.motofanaticos.com

My code

<if condition="THIS_SCRIPT =='showthread'"> 
<div id="fb-root"></div> <script> 
window.fbAsyncInit = function() {
FB.init({
appId : '103900849703235',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
 
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/es_LA/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script> <fb:like layout="standard" show_faces="true" width="338" action="like" colorscheme="light" />
</if>
<br>

[4Play]

will this mod work for vB 4?