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:

[fmckinnon]

Hi, I've installed in my postbits-legacy template (see below), but the button isn't showing up anywhere. I also tried the XFBML version (we have an AppID already for the Facebook Connect plugin) and it also didn't show. I'm not seeing any ERRORS on my page, just no "like" button. Below is the portion of my template ... and you can try to view any thread at:
http://www.theworshipcommunity.com/forums/

<!-- controls -->
<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.theworshipcommunity.com/forums/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:25px"></iframe>

[cdoyle]

Originally Posted by funmasti

can somebody tell me that the coding is w3.org Valid? bcoz my forum is error free

I don't believe it is, I believe the facebook code doesn't validate.

[EagleNick]

What happens when a user "Likes" a post/thread that isn't in a publicly-accessible section of the forum?

Is there any way to show the "Like" button for public threads/posts only?

[captainslater]

Just wanted to register my Forum-URL and Facebook said the URL is invalid.
So what would be a valid URL?

[jayunsplanet]

Hello,

This could be a great mod!

I attempted to use the "recommended" version of this mod on my forum. I added the if condition, and inputted my appID from Facebook, code to my postbit_legacy template as instructed. It does indeed add the like button to the first post in the thread. When I click on it to "Like" something, it quickly pulls up my picture and is about to "like" it and then it throws an error.

The error says, verbatim, "The page at http://www.mdstreetscene.com/forum/s...546&amp;page=2 could not be reached."

Any ideas?

Thanks.

[Cla75]

I have your same problem ...
placed the code in the postbit_legacy template, see i LIKE button, seems to work but then ERROR in the forum and nothing is published on FB.

I also tried to enter the forum Hubie ... this link ...
http://www.htceros.com/hd2-leo/284-e....html#post1019
I see the button LIKE, click and I get the same error:

Me gusta
S? el primero de tus amigos al que le guste esto. ? Error

click error:

The page at http://www.htceros.com/hd2-leo/284-errores-htc-hd2.html#post1019 is unreachable

?!?!!?? the LINK is correct

Why??

thanks for support

[despo]

Hello,

http://developers.facebook.com/setup/ on this link i add a name and URL, but when İ do that the system gives an error : Invalid url

Whats wrong ? Any one ? :s

[Cla75]

ou must add the / at the end of the link ...

eg http://www.vbulletin.org/

[hubie]

Originally Posted by WizKaz

It doesnt work with my site either. When I includ "google.com" to test it, it works fine. But if i insert my own URL, I always get an error: "site MYURL not found."
But even if I copy an paste the url from the error in my browser, i find the site.

Any ideas, pls?

Have you tried putting "/" at the end of the url?

Originally Posted by Loco.M

not working in IE even after the "IE fix" code

For me it works, but sometimes i have to refresh the page to get the button in IE. After refreshing, the button is shown on every page.

Originally Posted by StuSD

what file do I make the modifications in ?
I cant find that code in class_postbit or class_postbitalt
thanks

You have to insert the code under </controls> or wherever you want in postbit/postbit_legacy (deppends wich template your site is using).

Originally Posted by Cla75

I have your same problem ...
placed the code in the postbit_legacy template, see i LIKE button, seems to work but then ERROR in the forum and nothing is published on FB.

I also tried to enter the forum Hubie ... this link ...
http://www.htceros.com/hd2-leo/284-e....html#post1019
I see the button LIKE, click and I get the same error:

click error:

?!?!!?? the LINK is correct

Why??

thanks for support

Cla75, i've tested that link and for me everything is working correctly. Also, the post content was posted right on my FB wall.

[EagleNick]

Originally Posted by EagleNick

What happens when a user "Likes" a post/thread that isn't in a publicly-accessible section of the forum?

Is there any way to show the "Like" button for public threads/posts only?

???