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:

[Jay106n]

Originally Posted by BirdOPrey5

I know with the twitter button threads with special characters in the title will stop it from working... basically anything non-english.

I thought it may have been something like that so I took out any BB code in the title and post and it still didnt work. Its not a big deal, just an annoyance.

[JDMTuned]

iFrame method and zoints seo gives an error page is not reachable. Any solutions???

[yamahapaul]

Originally Posted by Replicators

Here is where i put it.

Go into Showthread and find:

<!-- toolbar -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>

After the <tr> put in:

<td id="fb-root"><script> 
  window.fbAsyncInit = function() {
    FB.init({
      appId  : 'yourappID',
      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/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
  }());
</script> <fb:like layout="standard" show_faces="false" width="300" action="like" colorscheme="dark" /></td>

I've got this to work (at last!) using the above

http://www.midlandsheritage.co.uk/mi...oundaries.html

[m2006]

install working thank you for mods

[kjsmith84]

I keep getting this? it was working fine for the last few months and then now this

You failed to provide a valid list of administators. You need to supply the administors using either a "fb:app_id" meta tag, or using a "fb:admins" meta tag to specify a comma-delimited list of Facebook users.

[SamirDarji]

Looks like they're making those open graph elements required now:
http://developers.facebook.com/docs/opengraph/

[Levelbest]

Guys:

Fixed most of my issues and things seem to be working - however using the IE version, if the THREAD TOOLS drop down happens to fall over where the LIKE code is on the page, and the button to perform the action is right there, you can't click on it. It seems the like code layer wise is above where the drop down box appears. Makes it a little difficult to manage a thread if that happens.

Ideas?

[mmllc]

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

Yes, how about if I want it only to show in the first post of the thread?

Originally Posted by mmllc

Yes, how about if I want it only to show in the first post of the thread?

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

Replace array #'s with your own.

[fernandezp27]

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