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:

[jackburaks35]

thank you

[Hellmaster]

Just installed, working perfect, but... how to change de languaje to Spanish (Latinoamerica)?

Thanx!


*****

FIX: es_MX

[hubie]

Originally Posted by rockdrig

Just installed, working perfect, but... how to change de languaje to Spanish (Latinoamerica)?

Thanx!


*****

FIX: es_MX

Just find:

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

and replace "en_US" for "es_MX" or "es_LA".

[FitgirlWorld]

Any way to get this to post an image and comment on the person's news feed/wall? This only adds a small link to "recent activity" on the person's facebook page?

thanks

[Endertr]

thanks..

[kyokushin4life]

I have a question.

I'm adding the template change to showthread template instead of postbit.(so like button is next to reply button) The facebook like button generates an invalid link. Ithink adding the change to the postbit template works.

What is the right template code that I can use in showthread template to get the like button to work?

Thanks!

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.example.com/forums/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>

[kyokushin4life]

Got it.

Use t=$threadid in the code.

[MagicThemeParks]

kyokushin4life, so is it then like this?

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.example.com/forums/showthread.php$session[sessionurl]?t=$thread[threadid]&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>

[alehawk]

I got problems with xfbml version, it giver me an error "You must specify an "href" attribute to the iframe. Something like <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar .html"></iframe>"
If I use the iframe option It works but it wont allow the user to enter a comment.
Does anyone knows how to fix it?
Tnx!

[hubie]

Originally Posted by alehawk

I got problems with xfbml version, it giver me an error "You must specify an "href" attribute to the iframe. Something like <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Ffoo%2Fbar .html"></iframe>"
If I use the iframe option It works but it wont allow the user to enter a comment.
Does anyone knows how to fix it?
Tnx!

Have you installed another fb mod? I had the same problem when i installed facebook connect on my board.